Ft Documentations Frontend (#255)

atlp-rwanda · Dec 3, 2024 · 8833480 · 8833480
1 parent 330f738
commit 8833480
Show file tree

Hide file tree

Showing 96 changed files with 2,543 additions and 73 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.circleci/config.yml b/.circleci/config.yml
diff --git a/.gitignore b/.gitignore
diff --git a/README.md b/README.md
diff --git a/__mocks__/fileMock.ts b/__mocks__/fileMock.ts
diff --git a/__mocks__/styleMock.ts b/__mocks__/styleMock.ts
diff --git a/index.html b/index.html
diff --git a/jest.config.js b/jest.config.js
diff --git a/package.json b/package.json
@@ -124,16 +124,18 @@
     "popper.js": "^1.16.1",
     "pusher": "^5.2.0",
     "pusher-js": "^8.4.0-rc2",
+    "quill": "^2.0.2",
     "react-datepicker": "^4.8.0",
     "react-hook-form": "^7.45.4",
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^11.18.6",
-    "react-icons": "^4.6.0",
+    "react-icons": "^4.12.0",
     "react-js-pagination": "^3.0.2",
     "react-loader-spinner": "^6.1.6",
     "react-loading-skeleton": "^3.5.0",
     "react-modal": "^3.16.1",
     "react-paginate": "^8.1.3",
+    "react-quill": "^2.0.0",
     "react-redux": "^8.0.4",
     "react-render-html": "^0.6.0",
     "react-router-dom": "^6.4.2",

diff --git a/postcss.config.js b/postcss.config.js
diff --git a/public/index.html b/public/index.html
diff --git a/src/App.tsx b/src/App.tsx
diff --git a/src/assets/assets/NotFoundImg.svg b/src/assets/assets/NotFoundImg.svg
diff --git a/src/assets/assets/avatar.png b/src/assets/assets/avatar.png
diff --git a/src/assets/assets/bg-error-img.jpg b/src/assets/assets/bg-error-img.jpg
diff --git a/src/assets/assets/bg-image.png b/src/assets/assets/bg-image.png
diff --git a/src/assets/assets/body.svg b/src/assets/assets/body.svg
diff --git a/src/assets/assets/landing.svg b/src/assets/assets/landing.svg
diff --git a/src/assets/assets/logo.svg b/src/assets/assets/logo.svg
diff --git a/src/assets/assets/logoWhite.svg b/src/assets/assets/logoWhite.svg
diff --git a/src/assets/assets/lpageSvg.svg b/src/assets/assets/lpageSvg.svg
diff --git a/src/assets/assets/program-icon.svg b/src/assets/assets/program-icon.svg
diff --git a/src/assets/avatar.png b/src/assets/avatar.png
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git a/src/assets/logoWhite.svg b/src/assets/logoWhite.svg
diff --git a/src/components/AddTrainModel.tsx b/src/components/AddTrainModel.tsx
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
diff --git a/src/components/CkeckBox.tsx b/src/components/CkeckBox.tsx
diff --git a/src/components/Counter/Counter.tsx b/src/components/Counter/Counter.tsx
diff --git a/src/components/Dropdown/Threedots.tsx b/src/components/Dropdown/Threedots.tsx
diff --git a/src/components/TableData.tsx b/src/components/TableData.tsx
diff --git a/src/components/TestTailwind.tsx b/src/components/TestTailwind.tsx
diff --git a/src/components/pagination.tsx b/src/components/pagination.tsx
diff --git a/src/components/profileDropdown.tsx b/src/components/profileDropdown.tsx
diff --git a/src/components/sidebar/sidebarItems.tsx b/src/components/sidebar/sidebarItems.tsx
@@ -44,6 +44,11 @@ export const sidebarItems1 = [
     icon: <Icon icon="ic:round-people"></Icon>,
     title: "Trainees-Applicants",
   },
+  // {
+  //   path: "Applicant-Stages",
+  //   icon: <Icon icon="ic:round-people"></Icon>,
+  //   title: "Applicant-Stages",
+  // },
   {
     path: "cohort",
     icon: <Icon icon="fa6-solid:graduation-cap"></Icon>,
@@ -69,6 +74,12 @@ export const sidebarItems1 = [
     icon: <Icon icon="heroicons-outline:support"></Icon>,
     title: "Tickets",
   },
+  {
+    path: "documents",
+    icon: <Icon icon="heroicons:document-20-solid"></Icon>,
+    title: "Docs",
+  },
+
   // {
   //   path: "Trash",
   //   icon: <Icon icon="fa-solid:trash"></Icon>,
@@ -114,7 +125,11 @@ export const applicantSidebarItems = [
     icon: <Icon icon="heroicons-outline:support"></Icon>,
     title: "Tickets",
   },
-
+  {
+    path: "documents",
+    icon: <Icon icon="heroicons:document-20-solid"></Icon>,
+    title: "Docs",
+  },
   {
     path: "blogs",
     icon: <Icon icon="mdi:blogger" />,
@@ -150,20 +165,21 @@ export const traineeSidebarItems = [
     icon: <Icon icon="heroicons-outline:support"></Icon>,
     title: "Tickets",
   },
-
+  {
+    path: "documents",
+    icon: <Icon icon="heroicons:document-20-solid"></Icon>,
+    title: "Docs",
+  },
   {
     path: "blogs",
     icon: <Icon icon="mdi:blogger" />,
     title: "Blogs",
   },
 ];
 
+
+
 export const sidebarItems2 = [
-  {
-    path: "/documents",
-    icon: <Icon icon="heroicons:document-20-solid"></Icon>,
-    title: "Docs",
-  },
   {
     path: "Trash",
     icon: <Icon icon="fa-solid:trash"></Icon>,

diff --git a/src/dummyData/Trainee.json b/src/dummyData/Trainee.json
diff --git a/src/hooks/hooks.ts b/src/hooks/hooks.ts
diff --git a/src/index.css b/src/index.css
@@ -16,6 +16,34 @@ body {
 body.light-mode {
   background: #ffffff;
 }
+/* Default toolbar icon styles for light mode */
+.ql-toolbar .ql-stroke,
+.ql-toolbar .ql-fill {
+  @apply fill-black stroke-black; /* Icons default to black in light mode */
+}
+
+/* Toolbar icon styles for dark mode */
+.dark .ql-toolbar .ql-stroke,
+.dark .ql-toolbar .ql-fill {
+  @apply fill-[#262E3D] stroke-neutral-300; /* Icons change to white in dark mode */
+}
+.ql-toolbar .ql-picker-options {
+  @apply bg-white text-black shadow-md border border-gray-300; /* Light mode dropdown */
+}
+
+.dark .ql-toolbar .ql-picker-options {
+  @apply bg-gray-800 text-white shadow-lg border border-gray-600;
+}
+.ql-toolbar .ql-picker,
+.ql-toolbar .ql-picker-label {
+  @apply text-black; 
+}
+
+.dark .ql-toolbar .ql-picker,
+.dark .ql-toolbar .ql-picker-label {
+  @apply text-white; /* Text color for dark mode */
+}
+
 
 /* Other existing CSS rules for input and label styles */
 

diff --git a/src/index.tsx b/src/index.tsx
diff --git a/src/pages/ApplicationCycle/ApplicationCycle.tsx b/src/pages/ApplicationCycle/ApplicationCycle.tsx
diff --git a/src/pages/Table.tsx b/src/pages/Table.tsx
diff --git a/src/pages/TraineApplicant/Trainee.tsx b/src/pages/TraineApplicant/Trainee.tsx
diff --git a/src/pages/Trash/Trash.tsx b/src/pages/Trash/Trash.tsx