diff --git a/apps/frontend/web/app/components/Resources/pagination.tsx b/apps/frontend/web/app/components/Resources/pagination.tsx index 58f0c2d42..2cefbf304 100644 --- a/apps/frontend/web/app/components/Resources/pagination.tsx +++ b/apps/frontend/web/app/components/Resources/pagination.tsx @@ -19,7 +19,9 @@ export const Pagination = (props: PaginationProps) => { const { page, complete, timestamp } = props; const isPrev = page > 1; const isNext = !complete; - const pages = isPrev ? [page - 1, page, page + 1, page + 2, page + 3] : [page, page + 1, page + 2, page + 3, page + 4]; + const pages = isPrev + ? [page - 1, page, page + 1, page + 2, page + 3] + : [page, page + 1, page + 2, page + 3, page + 4]; if (page === 1 && complete) { // Only one page data, no pagination @@ -52,10 +54,7 @@ export const Pagination = (props: PaginationProps) => { page={p} link={props.link} navigate={props.navigate} - className={clsx( - 'block', - p === page && 'text-pink-600' - )} + className={clsx('block', p === page && 'text-pink-600')} > {p} diff --git a/apps/frontend/web/app/components/Resources/tag.tsx b/apps/frontend/web/app/components/Resources/tag.tsx index 19f73887c..0aa819d8d 100644 --- a/apps/frontend/web/app/components/Resources/tag.tsx +++ b/apps/frontend/web/app/components/Resources/tag.tsx @@ -1,6 +1,6 @@ -import { memo } from 'react' +import { memo } from 'react'; -export const Tag = memo((props: { text: string; color?: string; className?: string }) => { +export const Tag = memo((props: { text: string; color?: string; className?: string }) => { const { text, className = '', color = 'bg-gray-200' } = props; return ( diff --git a/apps/frontend/web/app/components/Sidebar/sidebar.tsx b/apps/frontend/web/app/components/Sidebar/sidebar.tsx index c98b30927..232daf243 100644 --- a/apps/frontend/web/app/components/Sidebar/sidebar.tsx +++ b/apps/frontend/web/app/components/Sidebar/sidebar.tsx @@ -1,10 +1,10 @@ -import { useAtom } from "jotai" -import { isOpenSidebar } from "./atom" +import { useAtom } from 'jotai'; +import { isOpenSidebar } from './atom'; export function Sidebar() { const [isOpen] = useAtom(isOpenSidebar); - if (!isOpen) return
+ if (!isOpen) return ; - return -} \ No newline at end of file + return ; +} diff --git a/apps/frontend/web/app/entry.client.tsx b/apps/frontend/web/app/entry.client.tsx index 94d5dc0de..1c0cd1d64 100644 --- a/apps/frontend/web/app/entry.client.tsx +++ b/apps/frontend/web/app/entry.client.tsx @@ -4,9 +4,9 @@ * For more information, see https://remix.run/file-conventions/entry.client */ -import { RemixBrowser } from "@remix-run/react"; -import { startTransition, StrictMode } from "react"; -import { hydrateRoot } from "react-dom/client"; +import { RemixBrowser } from '@remix-run/react'; +import { startTransition, StrictMode } from 'react'; +import { hydrateRoot } from 'react-dom/client'; startTransition(() => { hydrateRoot( diff --git a/apps/frontend/web/app/routes/detail.$provider.$providerId/route.tsx b/apps/frontend/web/app/routes/detail.$provider.$providerId/route.tsx index 53d05ff0c..562830378 100644 --- a/apps/frontend/web/app/routes/detail.$provider.$providerId/route.tsx +++ b/apps/frontend/web/app/routes/detail.$provider.$providerId/route.tsx @@ -181,7 +181,10 @@ export default function Resources() {