chore: applied prettier format to our codebase (gitcoinco#13)

.storybook/main.ts

@@ -1,5 +1,5 @@
-import type { StorybookConfig } from "@storybook/react-vite";
 import { withoutVitePlugins } from "@storybook/builder-vite";
+import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],

.storybook/preview.ts

@@ -1,14 +1,12 @@
-import type { Preview } from "@storybook/react";
-
 import { withThemeByDataAttribute } from "@storybook/addon-themes";
-
+import type { Preview } from "@storybook/react";
 import { initialize, mswLoader } from "msw-storybook-addon";
+
+import "../src/index.css";
 import { handlers } from "../src/mocks/handlers";
 
 initialize();
 
-import "../src/index.css";
-
 const preview: Preview = {
   parameters: {
     controls: {

eslint.config.js

@@ -1,8 +1,8 @@
 import eslint from "@eslint/js";
-import globals from "globals";
-import tseslint from "typescript-eslint";
 import eslintConfigPrettier from "eslint-config-prettier";
 import tailwind from "eslint-plugin-tailwindcss";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
   eslint.configs.recommended,

src/features/checker/components/IconLabels/CheckerAILabel/CheckerAILabel.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as CheckerAILabelStories from "./CheckerAILabel.stories";
+
 import { CheckerAILabel } from "./CheckerAILabel";
+import * as CheckerAILabelStories from "./CheckerAILabel.stories";
 
 # CheckerAILabel
 

src/features/checker/components/IconLabels/CheckerAILabel/CheckerAILabel.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { CheckerAILabel } from "./CheckerAILabel";
 
 const meta = {

src/features/checker/components/IconLabels/CheckerAILabel/CheckerAILabel.tsx

@@ -1,5 +1,5 @@
-import { Icon, IconType } from "@/primitives/Icon";
 import { cn } from "@/lib/utils";
+import { Icon, IconType } from "@/primitives/Icon";
 
 export type CheckerAILabelProps = React.HTMLAttributes<HTMLDivElement> & {
   percent: number;

src/features/checker/components/IconLabels/CheckerDateLabel/CheckerDateLabel.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as CheckerDateLabelStories from "./CheckerDateLabel.stories";
+
 import { CheckerDateLabel } from "./CheckerDateLabel";
+import * as CheckerDateLabelStories from "./CheckerDateLabel.stories";
 
 # CheckerDateLabel
 

src/features/checker/components/IconLabels/CheckerDateLabel/CheckerDateLabel.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { CheckerDateLabel } from "./CheckerDateLabel";
 
 const meta = {

src/features/checker/components/IconLabels/CheckerDateLabel/CheckerDateLabel.tsx

@@ -1,6 +1,6 @@
-import { Icon, IconType } from "@/primitives/Icon";
-import { cn } from "@/lib/utils";
 import { formatDate, DateFormat } from "@/lib/dates/formatDate";
+import { cn } from "@/lib/utils";
+import { Icon, IconType } from "@/primitives/Icon";
 
 export type CheckerDateLabelProps = React.HTMLAttributes<HTMLDivElement> & {
   date: Date;

src/features/checker/components/IconLabels/CheckerReviewsLabel/CheckerReviewsLabel.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as CheckerReviewsLabelStories from "./CheckerReviewsLabel.stories";
+
 import { CheckerReviewsLabel } from "./CheckerReviewsLabel";
+import * as CheckerReviewsLabelStories from "./CheckerReviewsLabel.stories";
 
 # CheckerReviewsLabel
 

src/features/checker/components/IconLabels/CheckerReviewsLabel/CheckerReviewsLabel.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { CheckerReviewsLabel } from "./CheckerReviewsLabel";
 
 const meta = {

src/features/checker/components/IconLabels/CheckerReviewsLabel/CheckerReviewsLabel.tsx

@@ -1,5 +1,5 @@
-import { Icon, IconType } from "@/primitives/Icon";
 import { cn } from "@/lib/utils";
+import { Icon, IconType } from "@/primitives/Icon";
 
 export type CheckerReviewsLabelProps = React.SVGProps<SVGSVGElement> & {
   posReviews: number;

src/features/checker/pages/OverviewPage/components/OverviewPageTitle/OverviewPageTitle.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { OverviewPageTitle } from "@/features/checker/pages/OverviewPage/components";
 
 const meta = {

src/features/project/components/ProjectCard.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as ProjectCardStories from "./ProjectCard.stories";
+
 import { ProjectCard } from "./ProjectCard";
+import * as ProjectCardStories from "./ProjectCard.stories";
 
 # ProjectCard
 

src/features/project/components/ProjectCard.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { expect, within } from "@storybook/test";
 
-import { ProjectCard } from "./ProjectCard";
 import { QueryError, QueryPending, QuerySuccess, singleProject } from "../mocks/objects";
+import { ProjectCard } from "./ProjectCard";
 
 const meta: Meta<typeof ProjectCard> = {
   title: "Components/Project/ProjectCard",

src/features/project/components/ProjectCard.tsx

@@ -1,11 +1,12 @@
 import React from "react";
-import { Card, CardContent } from "@/ui-shadcn/card";
-import { match, P } from "ts-pattern";
+
 import { UseQueryResult } from "@tanstack/react-query";
+import { match, P } from "ts-pattern";
 
 import { Project } from "@/features/project/types/types";
-import { BannerImage } from "@/primitives/BannerImage";
 import { Avatar } from "@/primitives/Avatar";
+import { BannerImage } from "@/primitives/BannerImage";
+import { Card, CardContent } from "@/ui-shadcn/card";
 import { Skeleton } from "@/ui-shadcn/skeleton";
 
 interface ProjectCardProps {

src/features/project/mocks/objects.ts

@@ -1,6 +1,7 @@
-import { Project } from "../types/types";
 import { UseQueryResult } from "@tanstack/react-query";
 
+import { Project } from "../types/types";
+
 export const singleProject: Project = {
   id: "0x00065ad5b4ac5b42ac82c60ac9e939505f7996e95b6181919a5353fc50e6b664",
   metadata: {

src/primitives/Avatar/Avatar.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as AvatarStories from "./Avatar.stories";
+
 import { Avatar } from "./Avatar";
+import * as AvatarStories from "./Avatar.stories";
 
 # Avatar
 

src/primitives/Avatar/Avatar.tsx

@@ -1,6 +1,8 @@
 import React, { useMemo } from "react";
-import DefaultLogo from "@/assets/default_logo.png";
+
 import { match, P } from "ts-pattern";
+
+import DefaultLogo from "@/assets/default_logo.png";
 import { Avatar as ShadCNAvatar, AvatarFallback, AvatarImage } from "@/ui-shadcn/avatar";
 
 interface AvatarProps {

src/primitives/BannerImage/BannerImage.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as BannerImageStories from "./BannerImage.stories";
+
 import { BannerImage } from "./BannerImage";
+import * as BannerImageStories from "./BannerImage.stories";
 
 # BannerImage
 

src/primitives/BannerImage/BannerImage.tsx

@@ -1,7 +1,9 @@
 import React, { useMemo } from "react";
-import DefaultBanner from "@/assets/default_banner.jpg";
-import { match, P } from "ts-pattern";
+
 import clsx from "clsx";
+import { match, P } from "ts-pattern";
+
+import DefaultBanner from "@/assets/default_banner.jpg";
 
 interface BannerImageProps {
   ipfsCID?: string;

src/primitives/Icon/Icon.mdx

@@ -1,6 +1,7 @@
 import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
-import * as IconStories from "./Icon.stories";
+
 import { Icon } from "./Icon";
+import * as IconStories from "./Icon.stories";
 
 # Icon
 

src/primitives/Icon/Icon.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { Icon, IconType } from "./Icon";
 
 const meta = {

src/primitives/StatCard/StatCard.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+
 import { StatCard } from "./StatCard";
 
 const meta = {

src/tokens/colors.mdx

@@ -1,4 +1,5 @@
 import { Meta, ColorPalette, ColorItem, Title } from "@storybook/blocks";
+
 import { colors } from "./colors";
 
 <Meta title="Examples/Tokens/Colors" />

src/tokens/icons.mdx

@@ -1,4 +1,5 @@
 import { Meta, Title, IconGallery, IconItem } from "@storybook/blocks";
+
 import { icons, Icon } from "@/primitives/Icon";
 
 <Meta title="Examples/Tokens/Icons" />

src/ui-shadcn/accordion.tsx

@@ -1,22 +1,19 @@
-import * as React from "react"
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDown } from "lucide-react"
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
 
-const Accordion = AccordionPrimitive.Root
+import { cn } from "@/lib/utils";
+
+const Accordion = AccordionPrimitive.Root;
 
 const AccordionItem = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn("border-b", className)}
-    {...props}
-  />
-))
-AccordionItem.displayName = "AccordionItem"
+  <AccordionPrimitive.Item ref={ref} className={cn("border-b", className)} {...props} />
+));
+AccordionItem.displayName = "AccordionItem";
 
 const AccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
@@ -27,16 +24,16 @@ const AccordionTrigger = React.forwardRef<
       ref={ref}
       className={cn(
         "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className
+        className,
       )}
       {...props}
     >
       {children}
       <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
-))
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 
 const AccordionContent = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Content>,
@@ -49,8 +46,8 @@ const AccordionContent = React.forwardRef<
   >
     <div className={cn("pb-4 pt-0", className)}>{children}</div>
   </AccordionPrimitive.Content>
-))
+));
 
-AccordionContent.displayName = AccordionPrimitive.Content.displayName
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };