Progress check-in.

src/components/boards/Board.tsx

@@ -1,9 +0,0 @@
-import { Column } from '@umami/react-zen';
-
-export interface BoardProps {
-  children?: React.ReactNode;
-}
-
-export function Board({ children }: BoardProps) {
-  return <Column>{children}</Column>;
-}

src/components/hooks/context/useBoard.ts

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { BoardContext } from '@/app/(main)/boards/BoardProvider';
+
+export function useBoard() {
+  return useContext(BoardContext);
+}

src/components/hooks/index.ts

@@ -1,6 +1,7 @@
 'use client';
 
 // Context hooks
+export * from './context/useBoard';
 export * from './context/useLink';
 export * from './context/usePixel';
 export * from './context/useTeam';
@@ -9,6 +10,7 @@ export * from './context/useWebsite';
 
 // Query hooks
 export * from './queries/useActiveUsersQuery';
+export * from './queries/useBoardQuery';
 export * from './queries/useBoardsQuery';
 export * from './queries/useDateRangeQuery';
 export * from './queries/useDeleteQuery';

src/components/hooks/queries/useBoardQuery.ts

@@ -0,0 +1,17 @@
+import { keepPreviousData } from '@tanstack/react-query';
+import type { ReactQueryOptions } from '@/lib/types';
+import { useApi } from '../useApi';
+import { useModified } from '../useModified';
+
+export function useBoardQuery(boardId: string, options?: ReactQueryOptions) {
+  const { get, useQuery } = useApi();
+  const { modified } = useModified(`board:${boardId}`);
+
+  return useQuery({
+    queryKey: ['boards', { boardId, modified }],
+    queryFn: () => get(`/boards/${boardId}`),
+    enabled: !!boardId && boardId !== 'create',
+    placeholderData: keepPreviousData,
+    ...options,
+  });
+}