fix: fix links to reference docs (#40)

Author: colepeters

apps/sdk-explorer/src/components/ExampleAttributes.tsx

@@ -2,12 +2,11 @@ import {LaunchIcon} from '@sanity/icons'
 import {Badge, Box, Inline, Label, Stack} from '@sanity/ui'
 import {type JSX} from 'react'
 
-import Hooks, {type HookReference} from './Hooks'
+import Hooks, {type HooksProps} from './Hooks'
 
 const labelInset = '14ch'
 
-export interface ExampleAttributeProps {
-  hooks: HookReference[]
+export type ExampleAttributeProps = HooksProps & {
   styling: 'Sanity UI' | 'Tailwind'
 }
 

apps/sdk-explorer/src/components/ExampleCard.tsx

@@ -6,11 +6,9 @@ import styled from 'styled-components'
 
 import ExampleAttributes, {type ExampleAttributeProps} from './ExampleAttributes'
 
-interface ExampleCardProps {
+type ExampleCardProps = ExampleAttributeProps & {
   description: string
-  hooks: ExampleAttributeProps['hooks']
   img: string
-  styling: ExampleAttributeProps['styling']
   title: string
   to: string
 }

apps/sdk-explorer/src/components/ExampleLayout.tsx

@@ -4,12 +4,10 @@ import {type JSX} from 'react'
 import ExampleAttributes, {type ExampleAttributeProps} from './ExampleAttributes'
 import ViewCode from './ViewCode'
 
-interface ExampleLayoutProps {
+type ExampleLayoutProps = ExampleAttributeProps & {
   children: React.ReactNode
   title: string
   codeUrl: string
-  hooks: ExampleAttributeProps['hooks']
-  styling: ExampleAttributeProps['styling']
   summary: string
 }
 

apps/sdk-explorer/src/components/Hooks.tsx

@@ -1,37 +1,46 @@
 import {Badge, Box, Inline} from '@sanity/ui'
 import {type JSX} from 'react'
 
-export interface HookReference {
+const baseUrl = 'https://sdk-docs.sanity.dev/functions/React_SDK.exports.'
+
+const referenceLinks = {
+  useDocuments: `${baseUrl}useDocuments.html`,
+  usePaginatedDocuments: `${baseUrl}usePaginatedDocuments.html`,
+  useProjection: `${baseUrl}useProjection.html`,
+  useQuery: `${baseUrl}useQuery.html`,
+}
+
+interface HookReference {
   name: 'useDocuments' | 'usePaginatedDocuments' | 'useProjection' | 'useQuery'
-  reference: `https://${string}`
+  reference: (typeof referenceLinks)[keyof typeof referenceLinks]
 }
 
 // These consts can't begin with the word `use` or eslint yells at you for
 // passing around a 'hook' reference
 
 const documents: HookReference = {
   name: 'useDocuments',
-  reference: 'https://sdk-docs.sanity.dev/functions/sdk-react.index.useDocuments.html',
+  reference: referenceLinks.useDocuments,
 }
 
 const paginatedDocuments: HookReference = {
   name: 'usePaginatedDocuments',
-  reference: 'https://sdk-docs.sanity.dev/functions/sdk-react.index.usePaginatedDocuments.html',
+  reference: referenceLinks.usePaginatedDocuments,
 }
 
 const projection: HookReference = {
   name: 'useProjection',
-  reference: 'https://sdk-docs.sanity.dev/functions/sdk-react.index.useProjection.html',
+  reference: referenceLinks.useProjection,
 }
 
 const query: HookReference = {
   name: 'useQuery',
-  reference: 'https://sdk-docs.sanity.dev/functions/sdk-react.index.useQuery.html',
+  reference: referenceLinks.useQuery,
 }
 
 export {documents, paginatedDocuments, projection, query}
 
-interface HooksProps {
+export interface HooksProps {
   hooks: HookReference[]
 }