testing2

Author: MapleSyrupy

package-lock.json

@@ -1,5 +1,3 @@
-<<<<<<< HEAD
-<<<<<<< HEAD
 .GridItems {
   background-color: var(--primary-99);
   border-radius: 8px;
@@ -27,53 +25,3 @@
   line-height: 150%;
   color: var(--primary-20);
 }
-=======
-=======
->>>>>>> parent of 009ee99 (testing)
-.GridItems {
-  background-color: var(--primary-99);
-  border-radius: 8px;
-  padding: 16px;
-  gap: 16px;
-  text-align: start;
-
-  @media (max-width: 600px) {
-<<<<<<< HEAD
-    width:100%;
-=======
-    width: 100%;
->>>>>>> parent of 009ee99 (testing)
-  }
-}
-.GridItems > h1 {
-  color: var(--primary-20);
-  font-weight: 600;
-<<<<<<< HEAD
-  font-size:20px;
-=======
-  font-size: 20px;
->>>>>>> parent of 009ee99 (testing)
-
-  font-family: var(--quicksand);
-}
-
-<<<<<<< HEAD
-.GridItems>p{
-  margin-top:5px;
-  font-family:(--inter);
-  font-weight:400;
-  font-size:16px;
-  line-height: 150%;
-  color:var(--primary-20);
-}
->>>>>>> parent of 7feba60 (fixing breaks)
-=======
-.GridItems > p {
-  margin-top: 5px;
-  font-family: (--inter);
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 150%;
-  color: var(--primary-20);
-}
->>>>>>> parent of 009ee99 (testing)

src/components/data-entry/GoalCard.module.css

@@ -10,11 +10,14 @@ import type { Benchmark } from "@/types/global";
 
 import styles from "./GoalCard.module.css";
 
+import { useRouter } from "next/router";
+
 export default function BenchmarksContainer({
   benchmarks,
 }: {
   benchmarks: Benchmark | undefined;
 }) {
+  const router = useRouter();
   return (
     <Box
       sx={{
@@ -71,7 +74,13 @@ export default function BenchmarksContainer({
         <Box
           sx={{ display: "flex", justifyContent: "center", marginTop: "20px" }}
         >
-          <Button>Start Trial</Button>
+          <Button
+            onClick={() =>
+              router.push(`/benchmarks/${benchmarks?.benchmark_id}`)
+            }
+          >
+            Start Trial
+          </Button>
         </Box>
       </Box>
     </Box>

src/components/data-entry/GoalCard.tsx

@@ -32,7 +32,7 @@ const GoalPage: NextPageWithBreadcrumbs = () => {
   );
   const benchmarkId = (router.query?.benchmark_id as string) || "";
   const filteredBenchmark = benchmarks?.find(
-    (e) => e.benchmark_id === benchmarkId
+    (e: Benchmark) => e.benchmark_id === benchmarkId
   );
   useEffect(() => {
     if (student && goal) {

src/pages/students/[student_id]/goals/[goal_id]/benchmarks/[benchmark_id]/dataEntry.tsx

@@ -25,7 +25,7 @@
     "next-env.d.ts",
     "references.d.ts",
     "**/*.ts",
-    "**/*.tsx",
+    "**/*.tsx"
   ],
   "exclude": ["node_modules"]
 }