Merge pull request #83 from opherlabs/main

fix quizComponent routing url
opherlabs · Sep 19, 2024 · ae7ead6 · ae7ead6
2 parents 0dcb044 + f32c640
commit ae7ead6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/package.json b/components/package.json
@@ -1,6 +1,7 @@
 {
   "name": "@opherlabs/components",
-  "version": "1.0.15",
+  "version": "1.2.0-0",
+
   "private": false,
   "license": "MIT",
   "description": "A collection of reusable NextJs Optimized components for building scalable user interfaces.",

diff --git a/components/src/app/cards/[id]/page.tsx b/components/src/app/cards/[id]/page.tsx
@@ -9,7 +9,7 @@ function CardsComponent() {
       style={{ backgroundImage: 'url("/cards/flag.svg")' }}
     >
       <div className="rounded-lg w-full">
-        <QuizComponent files={files} />
+        <QuizComponent url="cards" files={files} />
       </div>
     </div>
   );

diff --git a/components/src/components/QuizCards/QuizComponent.tsx b/components/src/components/QuizCards/QuizComponent.tsx
@@ -22,9 +22,10 @@ type FileItem = {
 
 interface FileDetailProps {
   files: FileItem[];
+  url: string;
 }
 
-export const QuizComponent: React.FC<FileDetailProps> = ({ files }) => {
+export const QuizComponent: React.FC<FileDetailProps> = ({ files, url }) => {
   const { id } = useParams<{ id: string }>();
   const router = useRouter();
   const file = files.find((item) => item.id === id);
@@ -90,7 +91,7 @@ export const QuizComponent: React.FC<FileDetailProps> = ({ files }) => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    router.push("/cards");
+    router.push(`/${url}`);
   };
 
   return (