legalgo-FE-reactrouter/app/contexts/admin.tsx

import {
  createContext,
  useState,
  useContext,
  type PropsWithChildren,
  type Dispatch,
  type SetStateAction,
} from 'react'
import { z } from 'zod'

export const uploadCategorySchema = z
  .enum(['featured_image', 'ads', 'content', 'profile_picture'])
  .optional()

export type TUpload = z.infer<typeof uploadCategorySchema>

type AdminContextProperties = {
  isUploadOpen: TUpload
  setIsUploadOpen: Dispatch<SetStateAction<TUpload>>
  uploadedFile?: string
  setUploadedFile: Dispatch<SetStateAction<string | undefined>>
}

const AdminContext = createContext<AdminContextProperties | undefined>(
  undefined,
)

export const AdminProvider = ({ children }: PropsWithChildren) => {
  const [isUploadOpen, setIsUploadOpen] = useState<TUpload>()
  const [uploadedFile, setUploadedFile] = useState<string | undefined>()

  return (
    <AdminContext.Provider
      value={{
        isUploadOpen,
        setIsUploadOpen,
        uploadedFile,
        setUploadedFile,
      }}
    >
      {children}
    </AdminContext.Provider>
  )
}

export const useAdminContext = (): AdminContextProperties => {
  const context = useContext(AdminContext)
  if (!context) {
    throw new Error('useAdminContext must be used within a AdminProvider')
  }
  return context
}