feat: checker main component boilerplate (#40)

* chore: implemented initial checker provider

* chore: removed example OverviewPage

* chore: added getApplicationsForManager query

* chore: updated main index file

* chore: implemented useApplications hook

* chore: updated prettier imports order

* chore: updated initial state and implemented action functions

* chore: implemented Checker pages boilerplate with router

Author: hussedev

.prettierrc

@@ -15,6 +15,7 @@
     "^@vite(.*)?$",
     "<THIRD_PARTY_MODULES>",
     "^@/(.*)$",
+    "^~(.*)$",
     "^[./]"
   ],
   "importOrderSeparation": true

package.json

@@ -146,6 +146,7 @@
     "tailwind-variants": "^0.2.1",
     "ts-pattern": "^5.5.0",
     "vaul": "^1.1.0",
+    "viem": "^2.21.48",
     "vite-plugin-svgr": "^4.2.0",
     "zod": "^3.23.8"
   }

pnpm-lock.yaml

@@ -0,0 +1,6 @@
+import { useCheckerContext } from "./useCheckerContext";
+
+export const useApplications = () => {
+  const { applications } = useCheckerContext();
+  return applications;
+};

src/features/checker/hooks/useApplications.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+
+import { CheckerContext } from "~checker/store/CheckerContext";
+
+export const useCheckerContext = () => {
+  const checkerContext = useContext(CheckerContext);
+  if (!checkerContext) {
+    throw new Error("useCheckerContext must be used within a CheckerContextProvider");
+  }
+  return checkerContext;
+};

src/features/checker/hooks/useCheckerContext.ts

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+
+import { CheckerDispatchContext } from "~checker/store/CheckerContext";
+
+export const useCheckerDispatchContext = () => {
+  const checkerDispatchContext = useContext(CheckerDispatchContext);
+  if (!checkerDispatchContext) {
+    throw new Error(
+      "useCheckerDispatchContext must be used within a CheckerDispatchContextProvider",
+    );
+  }
+  return checkerDispatchContext;
+};

src/features/checker/hooks/useCheckerDispatchContext.ts

@@ -0,0 +1 @@
+export * from "./pages/Checker";

src/features/checker/index.ts

@@ -0,0 +1,18 @@
+export interface ApplicationEvaluationProps {
+  projectId: string;
+}
+
+export const ApplicationEvaluation = ({ projectId }: ApplicationEvaluationProps) => {
+  return (
+    <div className="flex flex-col gap-8">
+      <div className="flex flex-col gap-[12px]">
+        <div className="font-mono text-2xl font-medium leading-loose text-black">
+          Application Evaluation
+        </div>
+        <div className="font-mono text-base font-normal leading-7 text-[#555555]">
+          {`Evaluate ${projectId} here.`}
+        </div>
+      </div>
+    </div>
+  );
+};

src/features/checker/pages/ApplicationEvaluation/ApplicationEvaluation.tsx

@@ -0,0 +1 @@
+export * from "./ApplicationEvaluation";

src/features/checker/pages/ApplicationEvaluation/index.ts

@@ -0,0 +1,20 @@
+export interface ApplicationEvaluationOverviewProps {
+  projectId: string;
+}
+
+export const ApplicationEvaluationOverview = ({
+  projectId,
+}: ApplicationEvaluationOverviewProps) => {
+  return (
+    <div className="flex flex-col gap-8">
+      <div className="flex flex-col gap-[12px]">
+        <div className="font-mono text-2xl font-medium leading-loose text-black">
+          Application Evaluation Overview
+        </div>
+        <div className="font-mono text-base font-normal leading-7 text-[#555555]">
+          {`Previous evaluations for ${projectId} here.`}
+        </div>
+      </div>
+    </div>
+  );
+};

src/features/checker/pages/ApplicationEvaluationOverview/ApplicationEvaluationOverview.tsx

@@ -0,0 +1 @@
+export * from "./ApplicationEvaluationOverview";

src/features/checker/pages/ApplicationEvaluationOverview/index.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Checker } from "./Checker";
+
+const meta = {
+  title: "Features/Checker/Pages/Checker",
+  component: Checker,
+  args: {
+    address: "0x1234567890123456789012345678901234567890",
+    roundId: "609",
+    chainId: 42161,
+  },
+} satisfies Meta;
+
+export default meta;
+
+type Story = StoryObj<typeof Checker>;
+
+export const Default: Story = {};