fix: revert all components to client components (#109)

chore: revert all components to client components

Author: hussedev

eslint.config.js

@@ -25,6 +25,7 @@ export default tseslint.config(
       "@typescript-eslint/no-non-null-assertion": "warn",
       "@typescript-eslint/no-explicit-any": "warn",
       "@typescript-eslint/consistent-type-definitions": "warn",
+      "tailwindcss/enforces-shorthand": "off",
     },
   },
   eslintConfigPrettier,

package.json

@@ -28,11 +28,6 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
-    "./client": {
-      "types": "./dist/clientComponents.d.ts",
-      "import": "./dist/clientComponents.js",
-      "require": "./dist/clientComponents.js"
-    },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
       "import": "./dist/hooks.js",
@@ -73,11 +68,6 @@
       "import": "./dist/pool.js",
       "require": "./dist/pool.js"
     },
-    "./pool/client": {
-      "types": "./dist/poolClientComponents.d.ts",
-      "import": "./dist/poolClientComponents.js",
-      "require": "./dist/poolClientComponents.js"
-    },
     "./program": {
       "types": "./dist/program.d.ts",
       "import": "./dist/program.js",
@@ -88,11 +78,6 @@
       "import": "./dist/project.js",
       "require": "./dist/project.js"
     },
-    "./project/client": {
-      "types": "./dist/projectClientComponents.d.ts",
-      "import": "./dist/projectClientComponents.js",
-      "require": "./dist/projectClientComponents.js"
-    },
     "./retrofunding": {
       "types": "./dist/retrofunding.d.ts",
       "import": "./dist/retrofunding.js",

src/clientComponents.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { cn } from "@/lib/utils";
 import { ScrollArea, ScrollBar } from "@/primitives/ScrollArea";
 

src/components/AllocationSidebar/AllocationSidebar.tsx

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from "react";
 
-import { ProjectAllocation } from "@/components/AllocationSidebar";
 import { cn } from "@/lib/utils";
 import { Skeleton } from "@/primitives/Skeleton";
 
+import { ProjectAllocation } from "../types";
+
 export const AllocationItem = ({
   id,
   name,

src/components/AllocationSidebar/components/AllocationItem.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv } from "tailwind-variants";

src/components/EvaluationForm/EvaluationForm.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 import { match } from "ts-pattern";

src/components/IconLabel/IconLabel.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Check, X } from "lucide-react";
 
 import { Modal } from "@/primitives/Modal";

src/components/ProgressModal/ProgressModal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv } from "tailwind-variants";

src/components/RadioGroupList/RadioGroupList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, useEffect } from "react";
 
 import { openDB } from "idb";

src/components/SetupProgressForm/hooks/useFormProgress.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { SideNav, SideNavItem, sideNavVariants } from "@/components/SideNav";
 import { Accordion, AccordionProps } from "@/primitives/Accordion";
 import { Icon } from "@/primitives/Icon";

src/components/SideNav/components/AccordionItem.tsx

@@ -1,6 +1,9 @@
 export * from "./AllocationSidebar";
 export * from "./EvaluationForm";
+export * from "./Form";
 export * from "./IconLabel";
 export * from "./ProgressModal";
 export * from "./RadioGroupList";
+export * from "./SetupProgressForm";
 export * from "./SideNav";
+export * from "./Toaster";

src/components/clientComponents.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv } from "tailwind-variants";

src/components/index.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { IconLabel } from "@/components/IconLabel";
 import { DateFormat, formatDate } from "@/lib/dates/formatDate";
 import { Accordion } from "@/primitives/Accordion";
@@ -6,7 +8,7 @@ import { ListGrid, ListGridColumn } from "@/primitives/ListGrid";
 import { Markdown } from "@/primitives/Markdown";
 
 import { PastApplication, ProjectApplication, ProjectMetadata } from "~checker/services/allo/types";
-import { ProjectSummary } from "~project/clientComponents";
+import { ProjectSummary } from "~project";
 
 import { ApplicationBadge, ApplicationBadgeStatus } from "../ApplicationBadge";
 

src/features/application/components/ApplicationBadge/ApplicationBadge.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   ViewApplicationEvaluationsPage,
   ViewApplicationEvaluationsPageProps,

src/features/application/components/ApplicationSummary/ApplicationSummary.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Hex } from "viem";
 
 import { Step } from "@/components/ProgressModal";

src/features/checker/apps/ApplicationView.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { IconLabel } from "@/components/IconLabel";
 import { ListGrid, ListGridColumn } from "@/primitives/ListGrid";
 

src/features/checker/apps/Checker.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 import { match } from "ts-pattern";

src/features/checker/components/ApplicationHistoryList/ApplicationHistoryList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { IconLabel } from "@/components/IconLabel";
 import { capitalizeWord, getAddressLabel } from "@/lib/utils";
 import { IconType } from "@/primitives/Icon";

src/features/checker/components/ApplicationsSection/ApplicationsSection.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useState } from "react";
 
 import { cn } from "@/lib/utils";

src/features/checker/components/EvaluationList/EvaluationList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { DefaultLogo } from "@/assets";
 import { IconLabel } from "@/components/IconLabel";
 import { CircleStat } from "@/primitives/Indicators";

src/features/checker/components/ProjectEvaluationAction/ProjectEvaluationAction.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { match } from "ts-pattern";
 import { Address } from "viem";
 

src/features/checker/components/ProjectEvaluationList/ProjectEvaluationList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv, type VariantProps } from "tailwind-variants";

src/features/checker/components/ProjectReviewList/ProjectReviewList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { tv } from "tailwind-variants";
 
 import { cn } from "@/lib/utils";

src/features/checker/components/ReviewDropdown/ReviewDropdown.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 import { tv } from "tailwind-variants";

src/features/checker/components/ReviewDropdownList/ReviewDropdownList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useQuery } from "@tanstack/react-query";
 
 import { getApplicationByIdFromIndexer } from "~checker/services/allo";

src/features/checker/components/ReviewsCounterLabel/ReviewsCounterLabel.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCheckerContext } from "@/features/checker/store/hooks/useCheckerContext";
 
 import { generatePoolUUID } from "~checker/utils/generatePoolUUID";

src/features/checker/hooks/useApplicationEvaluations.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { Address } from "viem";
 
 import { useCheckerContext } from "@/features/checker/store/hooks/useCheckerContext";

src/features/checker/hooks/useApplicationOverviewEvaluations.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCheckerContext } from "@/features/checker/store/hooks/useCheckerContext";
 
 import { DefaultStatCardsProps } from "~checker/constants";

src/features/checker/hooks/useGetApplicationsFinalEvaluationPage.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useQuery } from "@tanstack/react-query";
 
 import { getPastApplicationsByApplicationIdFromIndexer } from "~checker/services/allo";

src/features/checker/hooks/useGetApplicationsReviewPage.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 
 import { Hex } from "viem";

src/features/checker/hooks/useGetPastApplications.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, useEffect } from "react";
 
 import { useMutation } from "@tanstack/react-query";

src/features/checker/hooks/useInitialize.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, useEffect, useMemo } from "react";
 
 import { useMutation } from "@tanstack/react-query";

src/features/checker/hooks/usePerformEvaluation.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 
 import { useQuery } from "@tanstack/react-query";

src/features/checker/hooks/usePerformOnChainReview.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { Hex } from "viem";
 
 import { Button } from "@/primitives/Button";
@@ -10,7 +12,7 @@ import {
   goToSubmitApplicationEvaluationAction,
   useCheckerDispatchContext,
 } from "~checker/store";
-import { PoolSummary } from "~pool/clientComponents";
+import { PoolSummary } from "~pool";
 import { ProjectBanner } from "~project";
 
 export interface ApplicationEvaluationOverviewPageProps {

src/features/checker/hooks/usePoolData.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import { Button } from "@/primitives/Button";
@@ -14,7 +16,7 @@ import {
   useCheckerDispatchContext,
 } from "~checker/store";
 import { getManagerUrl } from "~checker/utils";
-import { PoolSummary } from "~pool/clientComponents";
+import { PoolSummary } from "~pool";
 
 export const ReviewApplicationsPage = () => {
   const { categorizedReviews, statCardsProps, poolData, poolFetchState } =

src/features/checker/pages/ApplicationEvaluationOverviewPage/ApplicationEvaluationOverviewPage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import { match } from "ts-pattern";

src/features/checker/pages/ReviewApplicationsPage/ReviewApplicationsPage.tsx

@@ -1,4 +1,5 @@
-// src/components/SubmitApplicationEvaluation/SubmitApplicationEvaluationPage.tsx
+"use client";
+
 import { useEffect, useState } from "react";
 
 import { useQueryClient } from "@tanstack/react-query";
@@ -17,7 +18,7 @@ import {
 } from "~checker/hooks";
 import { goToApplicationEvaluationOverviewAction, useCheckerDispatchContext } from "~checker/store";
 import { EvaluationStatus, EvaluationBody } from "~checker/types";
-import { PoolSummary } from "~pool/clientComponents";
+import { PoolSummary } from "~pool";
 import { ProjectBanner } from "~project";
 
 import { SubmitApplicationEvaluationModal } from "./SubmitApplicationEvaluationModal";

src/features/checker/pages/SubmitApplicationEvaluationPage/SubmitApplicationEvaluationModal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Check, X } from "lucide-react";
 
 import { ProgressModal, Step } from "@/components/ProgressModal";

src/features/checker/pages/SubmitApplicationEvaluationPage/SubmitApplicationEvaluationPage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, useMemo, useEffect } from "react";
 
 import { useQueryClient } from "@tanstack/react-query";
@@ -18,7 +20,7 @@ import {
 } from "~checker/store";
 import { EvaluationAction, ReviewBody } from "~checker/types";
 import { getManagerUrl } from "~checker/utils";
-import { PoolSummary } from "~pool/clientComponents";
+import { PoolSummary } from "~pool";
 
 import { SubmitFinalEvaluationModal } from "./SubmitFinalEvaluationModal";
 

src/features/checker/pages/SubmitFinalEvaluationPage/SubmitFinalEvaluationModal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 import { useToast } from "@/hooks/useToast";
@@ -11,7 +13,7 @@ import { ReviewDropdownList } from "~checker/components";
 import { useApplicationEvaluations, useGetPastApplications } from "~checker/hooks";
 import { getExplorerUrl } from "~checker/utils";
 import { ProjectBanner } from "~project";
-import { ProjectSummary } from "~project/clientComponents";
+import { ProjectSummary } from "~project";
 
 export interface ViewApplicationEvaluationsPageProps {
   chainId: number;

src/features/checker/pages/SubmitFinalEvaluationPage/SubmitFinalEvaluationPage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 
 import { match, P } from "ts-pattern";

src/features/checker/pages/ViewApplicationEvaluationsPage/ViewApplicationEvaluationsPage.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { match, P } from "ts-pattern";

src/features/checker/routers/CheckerRouter.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { UseQueryResult } from "@tanstack/react-query";
 import { match, P } from "ts-pattern";
 

src/features/pool/clientComponents.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { IconLabel } from "@/components/IconLabel";
 import { getChainInfo } from "@/lib";
 import { IconType } from "@/primitives/Icon";

src/features/pool/components/PoolBadge/PoolBadge.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { tv } from "tailwind-variants";
 
 import { PoolCard, PoolCardProps } from "../PoolCard";

src/features/pool/components/PoolCard/PoolCard.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv } from "tailwind-variants";

src/features/pool/components/PoolCard/PoolDataCard.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import * as React from "react";
 
 import { tv } from "tailwind-variants";

src/features/pool/components/PoolCardGroup/PoolCardGroup.tsx

@@ -2,4 +2,5 @@ export * from "./components/PoolBadge";
 export * from "./components/PoolCard";
 export * from "./components/PoolCardGroup";
 export * from "./components/PoolStatusBadge";
+export * from "./components/PoolSummary";
 export * from "./components/PoolTypeBadge";

src/features/pool/components/PoolStatusBadge/PoolStatusBadge.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { UseQueryResult } from "@tanstack/react-query";
 import { match, P } from "ts-pattern";