sPPS C:\Users\B Sostene\Desktop\atlp-pulse-fn> git checkout develop

error: Your local changes to the following files would be overwritten by checkout: tests/pages/TraineeAttendance.test.tsx Please commit your changes or stash them before you switch branches. edit 7d95521 sort invitations by descending or ascending (#590) s fix-docs (#587) s b1a22b6 fix Internanationalization testimonial section (#592) s df093d2 changing undrop icon (#583) s b7cb194 fx<search> improving search invitation to listern to typing event (#591) s 9e05149 fix(#404):login activies display in a table (#576) s 464657e fix(#403):adding a not found page (#593) s cc142ef fix(#599): Improve invitation table pagination (#553) s f08afd4 fix(#595):Improve the dark mode skeleton to match dark design (#598) s 4321d94 fix(#404): add skeleton loader on login activities table (#600) s d72b882 Remove ratings legacy feature #225 (#594) s 6ea7721 fix(#391):Enable Consistent Edit For All Cohorts (#607) s fe125aa fix(#605):table responsiveness (#611) s acbeb7e (#606) Harmonize action button theme across tables in TTL's portal (#613) s 643274e fix(#394): Resolve Trainee Detail View Errors (#614) s 75d247a average ratings (#617) s 4c9fc7c TTL-Page improvement (#601) s 2e47213 #513 refactoring attendance feature on trainee side (#603) s 58eb885 fix: move client-side attendance logic to server (#596) s a14728e Enable admin to view all programs with user breakdown per program-#422 (#618) s 31852e3 (fix): add coordinator dashboard page (#608)S C:\Users\B Sostene\Desktop\atlp-pulse-fn> git checkout develop error: Your local changes to the following files would be overwritten by checkout: tests/pages/TraineeAttendance.test.tsx Please commit your changes or stash them before you switch branches. s 7d95521 sort invitations by descending or ascending (#590) s 711747f fix-docs (#587) s b2a22b6 fix Internanationalization testimonial section (#592) s df093d2 changing undrop icon (#583) s b7cb194 fx<search> improving search invitation to listern to typing event (#591) s 9e05149 fix(#404):login activies display in a table (#576) s 464657e fix(#403):adding a not found page (#593) s cc142ef fix(#599): Improve invitation table pagination (#553) s f08afd4 fix(#595):Improve the dark mode skeleton to match dark design (#598) s 4321d94 fix(#404): add skeleton loader on login activities table (#600) s d72b882 Remove ratings legacy feature #225 (#594) s 6ea7721 fix(#391):Enable Consistent Edit For All Cohorts (#607) s fe125aa fix(#605):table responsiveness (#611) s acbeb7e (#606) Harmonize action button theme across tables in TTL's portal (#613) s 643274e fix(#394): Resolve Trainee Detail View Errors (#614) s 75d247a average ratings (#617) s 4c9fc7c TTL-Page improvement (#601) s 2e47213 #513 refactoring attendance feature on trainee side (#603) s 58eb885 fix: move client-side attendance logic to server (#596) s a14728e Enable admin to view all programs with user breakdown per program-#422 (#618) s 31852e3 (fix): add coordinator dashboard page (#608)ort invitations by descending or ascending (#590) Co-authored-by: niyobertin <[email protected]> fix-docs (#587) fix Internanationalization testimonial section (#592) changing undrop icon (#583) fx<search> improving search invitation to listern to typing event (#591) fix(#404):login activies display in a table (#576) fix(#403):adding a not found page (#593) fix(#599): Improve invitation table pagination (#553) fix(#595):Improve the dark mode skeleton to match dark design (#598) fix(#404): add skeleton loader on login activities table (#600) Remove ratings legacy feature #225 (#594) fix(#391):Enable Consistent Edit For All Cohorts (#607) -As an admin, I have ability to edit all cohorts that I am permitted to manage fix(#605):table responsiveness (#611) Co-authored-by: niyobertin <[email protected]> (#606) Harmonize action button theme across tables in TTL's portal (#613) fix(#394): Resolve Trainee Detail View Errors (#614) average ratings (#617) TTL-Page improvement (#601) * droping and undropping ttl * ft-droping-and-undropping-ttl * ft-droping-and-undropping-ttl * ft-ttl-page-improvement * fix: move client-side attendance logic to server * feat(trainee-attendance): implements a trainee-side attendance fix: move client-side attendance logic to server (#596) Enable admin to view all programs with user breakdown per program-#422 (#618) (fix): add coordinator dashboard page (#608) main admin dashboard new piechart and stats updated new piechart and stats updated ft-admin-dashboard-can-vieww-table-teams new piechart and stats updated
atlp-rwanda · Nov 21, 2024 · 5b2944b · 5b2944b
1 parent 4b358e0
commit 5b2944b
Show file tree

Hide file tree

Showing 115 changed files with 11,405 additions and 4,093 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,6 +48,7 @@
     "@mui/styled-engine": "^5.13.2",
     "@mui/x-data-grid": "^5.17.26",
     "@react-pdf-viewer/core": "^3.12.0",
+    "@tanstack/react-table": "^8.20.5",
     "@testing-library/dom": "^8.20.1",
     "@testing-library/user-event": "^14.4.3",
     "@types/node": "^20.4.2",
@@ -56,7 +57,7 @@
     "apollo-upload-client": "^17.0.0",
     "autoprefixer": "^10.4.14",
     "axios": "^1.6.1",
-    "chart.js": "^4.3.2",
+    "chart.js": "^4.4.6",
     "cleave.js": "^1.6.0",
     "cloudinary": "^1.39.0",
     "cloudinary-react": "^1.8.1",
@@ -78,6 +79,7 @@
     "jsonwebtoken": "^9.0.1",
     "jwt-decode": "^3.1.2",
     "lottie-react": "^2.4.0",
+    "lucide-react": "^0.453.0",
     "moment": "^2.29.4",
     "pnpm": "^8.6.11",
     "react-apexcharts": "^1.4.1",

diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -346,5 +346,13 @@
   "Please fill all fields": "Please fill all fields",
   "Boost your organization": "Boost your organizations productivity with Pulse",
   "Please wait to be added to a program or cohort": "Please wait to be added to a program or cohort",
-  "Are you sure you want to delete this user?": "Are you sure you want to delete this user?"
+  "Are you sure you want to delete this user?": "Are you sure you want to delete this user?",
+  "Come shape the future together": "Come shape the future together",
+  "Content1": "I'm extremely impressed with Pulse and their performance management platform. Since using their services, it has been a game-changer for our organization. The platform is intuitive, easy to navigate, and packed with powerful features.",
+  "Content2": "I'm delighted to share my positive experience with Pulse and their exceptional performance management platform. Implementing their services has led to remarkable improvements in our performance tracking and management processes.",
+  "Content3": "We are thrilled with the services provided by Pulse. Their performance management platform has exceeded our expectations in every way. The user-friendly interface and comprehensive features have made tracking and monitoring our performance metrics a breeze.",
+  "Sr.Manager": "Sr.Manager",
+  "Director": "Director",
+  "Andela": "Andela",
+  "University of Rwanda": "University of Rwanda"
 }
diff --git a/public/locales/fr/translation.json b/public/locales/fr/translation.json
@@ -463,7 +463,15 @@
   "Provide Quantity range between 1-2": "Fournir une gamme de quantité comprise entre 1-2",
   "Provide Professional_Skills range between 1-2": "Fournir une gamme de compétences professionnelles comprise entre 1-2",
   "Sprint Ratings": "Sprint Notations",
-  "Please wait to be added to a program or cohort":  "Veuillez attendre d'être ajouté à un programme ou à une cohorte",
-  "Enter all the required information":  "Entrez toutes les informations requises",
-  "Are you sure you want to delete this user?": "Êtes-vous sûr de vouloir supprimer cet utilisateur ?"
+  "Please wait to be added to a program or cohort": "Veuillez attendre d'être ajouté à un programme ou à une cohorte",
+  "Enter all the required information": "Entrez toutes les informations requises",
+  "Are you sure you want to delete this user?": "Êtes-vous sûr de vouloir supprimer cet utilisateur ?",
+  "Come shape the future together": "Venez former l'avenir ensemble",
+  "Content1": "Je suis extrêmement impressionné par Pulse et leur plateforme de gestion de la performance. Depuis que nous utilisons leurs services, cela a été un véritable changement pour notre organisation. La plateforme est intuitive, facile à naviguer et riche en fonctionnalités puissantes",
+  "Content2": "Je suis ravi de partager mon expérience positive avec Pulse et leur plateforme exceptionnelle de gestion de la performance. La mise en œuvre de leurs services a conduit à des améliorations remarquables dans nos processus de suivi et de gestion de la performance.",
+  "Content3": "Nous sommes ravis des services fournis par Pulse. Leur plateforme de gestion de la performance a dépassé nos attentes à tous égards. L'interface conviviale et les fonctionnalités complètes ont facilité le suivi et la surveillance de nos indicateurs de performance",
+  "Sr.Manager": "Gestionnaire principal",
+  "Director": "Directeur",
+  "Andela": "Andela",
+  "University of Rwanda": "Université du Rwanda"
 }
diff --git a/public/locales/kn/translation.json b/public/locales/kn/translation.json
@@ -453,5 +453,13 @@
   "Sprint Ratings": "Amanota ya Sprint",
   "Please wait to be added to a program or cohort": "Tegereza tukongere muri porogarame cyangwa itsinda",
   "Enter all the required information": "Shyiramo amakuru yose asabwa",
-  "Are you sure you want to delete this user?": "urashaka kwemeza ikigikorwa cyo gusiba uyumuntu ?"
+  "Are you sure you want to delete this user?": "urashaka kwemeza ikigikorwa cyo gusiba uyumuntu ?",
+  "Come shape the future together": "Dufatanye kwubaka ejo Hazaza",
+  "Content1": "Nshimishijwe cyane na Pulse n'ikoranabuhanga ryabo ryo gucunga imikorere. Kuva natangira gukoresha serivisi zabo, byabaye impinduka ikomeye mu kigo cyacu. iri koranabuhanga  riroroshye kurikoresha, kandi ryubakanye ubuhanga n' ubushobozi buhanitse.",
+  "Content2": "Nshimishijwe no gusangiza uburambe bwanjye bwiza na Pulse n'ikoranabuhanga ryabo rihambaye ryo gucunga imikorere. Gushyira mu bikorwa serivisi zabo byazanye impinduka zikomeye mu gukurikirana no gucunga imikorere yacu",
+  "Content3": "Turishimye cyane ku bwa Pulse. Ikoranabuhanga rya yo ryo gucunga imikorere ryarenze ibyifuzo byacu mu buryo bwose. Iroroshye kuyikoresha kandi yatumye tubasha gukurikirana no kugenzura imikorere yacu",
+  "Sr.Manager": "Umuyobozi wungirije",
+  "Director": "Umuyobozi mukuru",
+  "Andela": "Andela",
+  "University of Rwanda": "Kaminuza y' u Rwanda"
 }
diff --git a/src/App.tsx b/src/App.tsx
@@ -7,17 +7,20 @@ import './index.css';
 import MainRoutes from './containers/Routes';
 import LandingPage from './pages/Home';
 import { TraineesProvider } from './hook/useTraineesData';
+import NotFound from './components/NotFoundPage';
 
 function App() {
   return (
     <div className="min-h-screen">
+
       <TicketsProvider>
         <TraineesProvider>
           <Router>
             <ScrollToTop>
               <Routes>
                 <Route path="/" element={<LandingPage />} />
                 <Route path="/*" element={<MainRoutes />} />
+                <Route path="*" element={<NotFound />} />
               </Routes>
             </ScrollToTop>
           </Router>

diff --git a/src/Chart/BarChart.tsx b/src/Chart/BarChart.tsx
@@ -0,0 +1,101 @@
+import React from 'react';
+import { Bar } from 'react-chartjs-2';
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+} from 'chart.js';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  BarElement,
+  Title,
+  Tooltip,
+  Legend,
+);
+
+interface Props {}
+
+// eslint-disable-next-line react/function-component-definition
+const BarChart: React.FC<Props> = () => {
+  const data = {
+    labels: [
+      '01',
+      '02',
+      '03',
+      '04',
+      '05',
+      '06',
+      '07',
+      '08',
+      '09',
+      '10',
+      '11',
+      '12',
+    ],
+    datasets: [
+      {
+        label: 'Nova',
+        data: [12, 19, 3, 5, 2, 3, 12, 14, 5, 7, 9, 11],
+        backgroundColor: '#5A6ACF',
+        borderRadius: 0,
+        barThickness: 8,
+      },
+      {
+        label: 'Fighters',
+        data: [10, 15, 5, 8, 6, 9, 13, 9, 6, 8, 7, 10],
+        backgroundColor: '#D1D5DB',
+        borderRadius: 0,
+        barThickness: 8,
+      },
+    ],
+  };
+
+  const options = {
+    responsive: true,
+    maintainAspectRatio: false,
+    plugins: {
+      legend: {
+        position: 'bottom' as const,
+        labels: {
+          color: '#D1D5DB',
+        },
+      },
+      tooltip: {
+        enabled: true,
+      },
+    },
+    scales: {
+      x: {
+        grid: {
+          display: false,
+        },
+        ticks: {
+          color: '#737B8B',
+        },
+      },
+      y: {
+        grid: {
+          borderDash: [5, 5],
+          color: '#ffffff',
+        },
+        ticks: {
+          color: '#ffffff',
+        },
+      },
+    },
+  };
+
+  return (
+    <div className="w-full h-[300px]">
+      <Bar data={data} options={options} className="-ml-8" />
+    </div>
+  );
+};
+
+export default BarChart;
diff --git a/src/Chart/PieChart.tsx b/src/Chart/PieChart.tsx
@@ -0,0 +1,96 @@
+import React from 'react';
+import { Doughnut } from 'react-chartjs-2';
+import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js';
+
+ChartJS.register(ArcElement, Tooltip, Legend);
+
+// eslint-disable-next-line react/function-component-definition
+const PieChart: React.FC = () => {
+  const data = {
+    labels: ['new pie chart'],
+    datasets: [
+      {
+        label: 'rates',
+        data: [30, 100],
+        backgroundColor: ['#4F46E5', '#A5B4FC'],
+        hoverOffset: 4,
+      },
+    ],
+  };
+  const data2 = {
+    labels: ['new pie chart'],
+    datasets: [
+      {
+        label: 'rates',
+        data: [30, 70],
+        backgroundColor: ['#4F46E5', '#A5B4FC'],
+        hoverOffset: 4,
+      },
+    ],
+  };
+  const data3 = {
+    labels: ['new pie chart'],
+    datasets: [
+      {
+        label: 'rates',
+        data: [60, 60],
+        backgroundColor: ['#4F46E5', '#A5B4FC'],
+        hoverOffset: 4,
+      },
+    ],
+  };
+
+  const options = {
+    responsive: true,
+    cutout: '70%',
+    plugins: {
+      tooltip: {
+        callbacks: {
+          // eslint-disable-next-line func-names, object-shorthand
+          label: function (tooltipItem: any) {
+            return `${tooltipItem.label}: ${tooltipItem.raw}%`;
+          },
+        },
+      },
+      legend: {
+        display: false,
+      },
+    },
+  };
+
+  return (
+    <div className="flex flex-col items-center -ml-8 mb-8">
+      <div className="flex space-x-8">
+        <div className="relative w-[200px] h-[200px] bg-red-200 p-2 rounded">
+          <Doughnut data={data} options={options} />
+          <div className="absolute inset-0 flex items-center justify-center">
+            <div className="text-center">
+              <p className="text-2xl font-semibold text-gray-500">10</p>
+            </div>
+          </div>
+          <p className="text-center mt-2">New Invitations & Registration</p>
+        </div>
+        <div className="relative w-[200px] h-[200px] bg-green-200 p-2 rounded">
+          <Doughnut data={data2} options={options} />
+          <div className="absolute inset-0 flex items-center justify-center">
+            <div className="text-center">
+              <p className="text-2xl font-semibold text-gray-500">20</p>
+            </div>
+          </div>
+          <p className="text-center mt-2">Upcoming Events</p>
+        </div>
+        <div className="relative w-[200px] h-[200px] bg-yellow-200 p-2 rounded">
+          <Doughnut data={data3} options={options} />
+          <div className="absolute inset-0 flex items-center justify-center">
+            <div className="text-center">
+              <p className="text-2xl font-semibold text-gray-500">50</p>
+            </div>
+          </div>
+          <p className="text-center mt-2">Active& Progressive Tickets</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PieChart;