Updated the home with quiz card and updated the route path of Flashca…

…rd component
nepalcodes · Jul 16, 2024 · f894ad8 · f894ad8
1 parent 40fbf49
commit f894ad8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/nepalingo-web/src/App.tsx b/nepalingo-web/src/App.tsx
@@ -20,7 +20,7 @@ const App: React.FC = () => {
     <Router>
       <Routes>
         <Route path="/login" element={<User_auth />} />
-        <Route path="/flashcard" element={<FlashcardPage />} />
+        <Route path="/flashcard" element={user ? <FlashcardPage />:<Navigate to="/login" />} />
         {/* Protect the / route, redirect to /login if not authenticated */}
         <Route path="/" element={user ? <Home /> : <Navigate to="/login" />} />
         {/* Default route redirects to /login */}

diff --git a/nepalingo-web/src/components/DailyQuiz.tsx b/nepalingo-web/src/components/DailyQuiz.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useNavigate } from 'react-router-dom'; // Import useNavigate
 import Button from './Button';
 const DailyQuiz: React.FC = () => {
-  const backgroundImageUrl = 'https://images8.alphacoders.com/132/1325725.png'; // Set your image URL
+  const backgroundImageUrl = 'https://t3.ftcdn.net/jpg/00/73/08/22/360_F_73082224_ay4Tus31QNHNmGSIty53ZE6mBrBc47cV.jpg'; // Set your image URL
   const navigate = useNavigate(); // Get the navigate function
 
   const handleStartQuizClick = () => {

diff --git a/nepalingo-web/src/pages/Home/Home.tsx b/nepalingo-web/src/pages/Home/Home.tsx
@@ -4,6 +4,7 @@ import logo from "../../assets/logo.png";
 import Header from "../../components/header/Header";
 import ReactGA from "react-ga4";
 import { useAuth } from "../../components/userAuth/AuthContext";
+import DailyQuiz from "../../components/DailyQuiz";
 
 const Home: React.FC = () => {
   ReactGA.send({
@@ -41,12 +42,7 @@ const Home: React.FC = () => {
         </div>
       </div>
       <div className="mb-10">
-        <Link
-          to="/flashcard"
-          className="text-xl font-bold p-5 border-2 border-white rounded-full"
-        >
-          Learn Words
-        </Link>
+        <DailyQuiz />
       </div>
     </div>
   );