last added

Rakibhasaniu · Oct 12, 2022 · a926e00 · a926e00
1 parent 845bfeb
commit a926e00
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 13 deletions.
diff --git a/public/_redirects b/public/_redirects
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/Blog/Blog.js b/src/components/Blog/Blog.js
@@ -3,7 +3,7 @@ import React from 'react';
 const Blog = () => {
 
     return (
-        <div className='sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-4 lg:px-8 lg:py-4 justify-center'>
+        <div className='sm:max-w-xl md:max-w-full lg:max-w-screen md:px-4 lg:px-8 lg:py-4 justify-center'>
             <div className='p-12  bg-slate-600  rounded'>
                 <h1 className='text-3xl py-4'>Question: What Is The Purpose Of React Router?</h1>
                 <p>ANS:React Router is a standard library for routing in React. It enables the navigation among views of various components in a React Application, allows changing the browser URL, and keeps the UI in sync with the URL</p>

diff --git a/src/components/Display/Display.js b/src/components/Display/Display.js
@@ -5,13 +5,14 @@ const Display = ({quiz}) => {
     // console.log(quiz);
     const {id,name,logo,total} = quiz;
     return (
-        <div>
+        <div className='shadow-md shadow-indigo-500/50 rounded'>
         <img
-          className=' bg-slate-500 object-cover w- h-56 mb-6 rounded shadow-lg md:h-64 xl:h-80'
+          className=' bg-slate-500 object-cover w-full h-56 mb-6 rounded shadow-lg md:h-64 xl:h-80'
           src={logo}
           alt=''
         />
-        <p className='mb-2 text-xl font-bold leading-none sm:text-2xl'>{name}</p>
+        <p className='mb-2 text-2xl font-bold leading-none sm:text-2xl mx-4'>{name}</p>
+        <p className='font-bold mx-4'>Total: {total}</p>
        <Link to={`/quiz/${id}`}><button
         className='px-8 block w-full mt-4 py-3 font-semibold rounded-full bg-cyan-200 text-gray-800 hover:bg-cyan-400' 
         >

diff --git a/src/components/Topicdetails/Topicdetails.js b/src/components/Topicdetails/Topicdetails.js
@@ -3,14 +3,14 @@ import React from 'react';
 const Topicdetails = ({topic}) => {
     const{name,total,logo} = topic;
     return (
-        <div>
+        <div className='shadow-md shadow-indigo-500/50 rounded'>
         <img
           className=' bg-slate-500 object-cover w-full h-56 mb-6 rounded shadow-lg md:h-64 xl:h-80'
           src={logo}
           alt=''
         />
-        <p className='mb-2 text-xl font-bold leading-none sm:text-2xl'>{name}</p>
-
+        <p className='mb-2 text-xl font-bold leading-none sm:text-2xl mx-4'>{name}</p>
+       <p className='font-bold mx-4'>Total:{total}</p>
 
       </div>
     );

diff --git a/src/layout/Main.js b/src/layout/Main.js
@@ -6,12 +6,8 @@ import Navbar from '../components/Navbar/Navbar';
 
 export const DataContext = createContext([])
 const Main = () => {
-    const datas = useLoaderData();
-    // console.log(datas);
-
-    // const{data} = datas;
-
-    return (
+    const datas = useLoaderData(); 
+  return (
         <DataContext.Provider value={datas}>
             <Navbar></Navbar>
             <Outlet></Outlet>