Update Text

educational-game-project · Jul 6, 2024 · 7fcb1b7 · 7fcb1b7
1 parent 7e9c2f7
commit 7fcb1b7
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 28 deletions.
diff --git a/src/pages/Home/components/GameOverview.tsx b/src/pages/Home/components/GameOverview.tsx
@@ -3,30 +3,30 @@ import { Link } from "react-router-dom";
 import type { Game } from "../../../types";
 
 function GameOverview({ data }: { data: Game[] | undefined }) {
-	return (
-		<div className="bg-white p-5 rounded-xl dark:bg-gray-800">
-			<div className="mb-4">
-				<h5 className="font-semibold text-lg mb-0.5">Game Overview</h5>
-				<p className="text-gray-500">Overview of the game's performance.</p>
-			</div>
-			<div>
-				{data?.map((game: Game) => (
-					<div
-						key={game?._id}
-						className="bg-gray-100/80 px-3 py-2 rounded-md dark:bg-gray-700/40 mb-2 flex items-center justify-between transition hover:bg-gray-200/80 cursor-default hover:dark:bg-gray-700"
-					>
-						<h5 className="mb-0.5">{game?.name}</h5>
-						<Link
-							to={`/game/${game?._id}`}
-							className="text-violet-500 text-xs hover:text-violet-600 transition dark:hover:text-violet-400"
-						>
-							Detail
-						</Link>
-					</div>
-				))}
-			</div>
-		</div>
-	);
+  return (
+    <div className="bg-white p-5 rounded-xl dark:bg-gray-800">
+      <div className="mb-4">
+        <h5 className="font-semibold text-lg mb-0.5">Game Overview</h5>
+        <p className="text-gray-500">Overview of the game's statistics.</p>
+      </div>
+      <div>
+        {data?.map((game: Game) => (
+          <div
+            key={game?._id}
+            className="bg-gray-100/80 px-3 py-2 rounded-md dark:bg-gray-700/40 mb-2 flex items-center justify-between transition hover:bg-gray-200/80 cursor-default hover:dark:bg-gray-700"
+          >
+            <h5 className="mb-0.5">{game?.name}</h5>
+            <Link
+              to={`/game/${game?._id}`}
+              className="text-violet-500 text-xs hover:text-violet-600 transition dark:hover:text-violet-400"
+            >
+              Detail
+            </Link>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
 }
 
 export default GameOverview;
diff --git a/src/pages/Home/components/PerformanceWidget.tsx b/src/pages/Home/components/PerformanceWidget.tsx
@@ -99,7 +99,7 @@ function PerformanceWidget({
 			<div className={type === "advanced" ? "grid grid-cols-2 gap-x-3" : ""}>
 				<div>
 					<h5 className="text-gray-600 mb-1 capitalize dark:text-gray-400">
-						Performa {name}
+						Total {name}
 					</h5>
 					<p className="dark:text-gray-100 text-2xl">
 						{countItem ?? 0}{" "}

diff --git a/src/pages/Home/components/SchoolOverview.tsx b/src/pages/Home/components/SchoolOverview.tsx
@@ -78,7 +78,7 @@ function SchoolOverview({ data }: { data: SchoolChartType[] }) {
 			</div>
 			<div className="px-5">
 				<h5 className="font-semibold text-lg mb-0.5">School Overview</h5>
-				<p className="text-gray-500">Overview of the school's performance.</p>
+				<p className="text-gray-500">Overview of the school's statistics.</p>
 			</div>
 			<div className="w-full h-80 school-overview-chart pl-1.5 pr-5">
 				<ResponsiveContainer>

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -125,7 +125,7 @@ function Home() {
                   School Overview
                 </h5>
                 <p className="text-gray-500">
-                  Overview of the school's performance.
+                  Overview of the school's statistics.
                 </p>
               </div>
               <div className="w-full h-44 flex items-center justify-center flex-col">
@@ -163,7 +163,7 @@ function Home() {
               <div className="mb-4">
                 <h5 className="font-semibold text-lg mb-0.5">Game Overview</h5>
                 <p className="text-gray-500">
-                  Overview of the game's performance.
+                  Overview of the game's statistics.
                 </p>
               </div>
               <div className="w-full h-44 flex items-center justify-center flex-col">