| | | 1 | | import { redirect } from "react-router"; |
| | | 2 | | import type { Route } from "./+types/locations.index"; |
| | | 3 | | import { routes } from "~/constants/routes"; |
| | | 4 | | import { deleteLocation, getLocations } from "~/api/client"; |
| | | 5 | | import { LocationsList } from "~/features/locations"; |
| | | 6 | | |
| | 0 | 7 | | export function loader({ request }: Route.LoaderArgs) { |
| | 0 | 8 | | return getLocations(request); |
| | | 9 | | } |
| | | 10 | | |
| | 0 | 11 | | export async function action({ request }: Route.ActionArgs) { |
| | 0 | 12 | | const formData = await request.formData(); |
| | 0 | 13 | | if (formData.get("_action") !== "delete") return null; |
| | 0 | 14 | | const id = Number(formData.get("id")); |
| | 0 | 15 | | if (Number.isNaN(id)) return null; |
| | 0 | 16 | | await deleteLocation(id, request); |
| | 0 | 17 | | return redirect(routes.locations.list()); |
| | | 18 | | } |
| | | 19 | | |
| | 0 | 20 | | export function meta(_args: Route.MetaArgs) { |
| | 0 | 21 | | return [{ title: "Locations | ClutterStock" }]; |
| | | 22 | | } |
| | | 23 | | |
| | 0 | 24 | | export default function LocationsIndex({ loaderData }: Route.ComponentProps) { |
| | 0 | 25 | | return <LocationsList locations={loaderData} />; |
| | | 26 | | } |