fmt

PotLock · Nov 27, 2024 · b6a6af7 · b6a6af7
1 parent 35e684c
commit b6a6af7
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 20 deletions.
diff --git a/src/common/ui/components/molecules/pagination.tsx b/src/common/ui/components/molecules/pagination.tsx
@@ -5,7 +5,10 @@ import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { cn } from "../../utils";
 import { ButtonProps, buttonVariants } from "../atoms/button";
 
-export const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+export const Pagination = ({
+  className,
+  ...props
+}: React.ComponentProps<"nav">) => (
   <nav
     role="navigation"
     aria-label="pagination"
@@ -16,17 +19,25 @@ export const Pagination = ({ className, ...props }: React.ComponentProps<"nav">)
 
 Pagination.displayName = "Pagination";
 
-export const PaginationContent = forwardRef<HTMLUListElement, React.ComponentProps<"ul">>(
-  ({ className, ...props }, ref) => (
-    <ul ref={ref} className={cn("flex flex-row items-center gap-1", className)} {...props} />
-  ),
-);
+export const PaginationContent = forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn("flex flex-row items-center gap-1", className)}
+    {...props}
+  />
+));
 
 PaginationContent.displayName = "PaginationContent";
 
-export const PaginationItem = forwardRef<HTMLLIElement, React.ComponentProps<"li">>(
-  ({ className, ...props }, ref) => <li ref={ref} className={cn("", className)} {...props} />,
-);
+export const PaginationItem = forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn("", className)} {...props} />
+));
 
 PaginationItem.displayName = "PaginationItem";
 
@@ -90,7 +101,10 @@ export const PaginationNext = ({
 
 PaginationNext.displayName = "PaginationNext";
 
-export const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => (
+export const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
   <span
     aria-hidden
     className={cn("flex h-9 w-9 items-center justify-center", className)}

diff --git a/src/modules/project/hooks/lookup.ts b/src/modules/project/hooks/lookup.ts
@@ -2,7 +2,11 @@ import { useMemo, useState } from "react";
 
 import { indexer } from "@/common/api/indexer";
 import { toChronologicalOrder } from "@/common/lib";
-import { ByListId, ChronologicalSortOrder, ChronologicalSortOrderVariant } from "@/common/types";
+import {
+  ByListId,
+  ChronologicalSortOrder,
+  ChronologicalSortOrderVariant,
+} from "@/common/types";
 
 import { ProjectCategory, ProjectListingStatusVariant } from "../types";
 
@@ -13,11 +17,11 @@ export const useProjectLookup = ({ listId }: ProjectLookupParams) => {
   const [searchTerm, setSearchTerm] = useState<string | undefined>(undefined);
   const [categoryFilter, setCategoryFilter] = useState<ProjectCategory[]>([]);
 
-  const [statusFilter, setStatusFilter] = useState<ProjectListingStatusVariant>("Approved");
+  const [statusFilter, setStatusFilter] =
+    useState<ProjectListingStatusVariant>("Approved");
 
-  const [sortingOrder, setSortingOrder] = useState<ChronologicalSortOrderVariant>(
-    ChronologicalSortOrder.recent,
-  );
+  const [sortingOrder, setSortingOrder] =
+    useState<ChronologicalSortOrderVariant>(ChronologicalSortOrder.recent);
 
   const {
     data: listRegistrations,
@@ -32,9 +36,14 @@ export const useProjectLookup = ({ listId }: ProjectLookupParams) => {
   });
 
   const results = useMemo(() => {
-    const oldToRecent = toChronologicalOrder("submitted_at", listRegistrations?.results ?? []);
+    const oldToRecent = toChronologicalOrder(
+      "submitted_at",
+      listRegistrations?.results ?? [],
+    );
 
-    return sortingOrder === ChronologicalSortOrder.older ? oldToRecent : oldToRecent.toReversed();
+    return sortingOrder === ChronologicalSortOrder.older
+      ? oldToRecent
+      : oldToRecent.toReversed();
   }, [listRegistrations?.results, sortingOrder]);
 
   return {

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -13,7 +13,9 @@ import { ProjectDiscovery, ProjectDiscoveryFeatured } from "@/modules/project";
 import { useTypedSelector } from "@/store";
 
 const WelcomeBanner = () => {
-  const { defaultAddress, toggle } = useTypedSelector((state) => state.nav.actAsDao);
+  const { defaultAddress, toggle } = useTypedSelector(
+    (state) => state.nav.actAsDao,
+  );
 
   const daoAddress = toggle && defaultAddress ? defaultAddress : "";
   const wallet = useWallet();
@@ -38,7 +40,11 @@ const WelcomeBanner = () => {
           <DonateRandomly />
 
           {isAuthenticated && !loading && (
-            <Button className="md:w-[180px] w-full" variant={"brand-tonal"} asChild>
+            <Button
+              className="md:w-[180px] w-full"
+              variant={"brand-tonal"}
+              asChild
+            >
               <Link
                 href={
                   isRegisteredProject
@@ -47,7 +53,9 @@ const WelcomeBanner = () => {
                 }
                 prefetch={true}
               >
-                {isRegisteredProject ? "View Your Project" : "Register Your Project"}
+                {isRegisteredProject
+                  ? "View Your Project"
+                  : "Register Your Project"}
               </Link>
             </Button>
           )}