import { getCategories } from '~/apis/common/get-categories'
import { FormCategoryPage } from '~/pages/form-category'

import type { Route } from './+types/_admin.lg-admin._dashboard.categories.update.$id'

export const loader = async ({ params }: Route.LoaderArgs) => {
  const { data: categoriesData } = await getCategories()
  const categoryData = categoriesData.find(
    (category) => category.id === params.id,
  )
  return { categoryData }
}

const DashboardCategoriesUpdateLayout = ({
  loaderData,
}: Route.ComponentProps) => {
  const { categoryData } = loaderData || {}
  return <FormCategoryPage categoryData={categoryData} />
}
export default DashboardCategoriesUpdateLayout