Merge pull request #15 from Atril33/final-doctor-styling

Fetching Data For Doctor & Finalize Styling

package.json

@@ -16,6 +16,7 @@
     "moment": "^2.29.4",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
+    "react-bootstrap": "^2.9.0",
     "react-calendar": "^4.6.0",
     "react-clock": "^4.5.0",
     "react-dom": "^18.2.0",
@@ -28,6 +29,7 @@
     "react-slick": "^0.29.0",
     "react-toastify": "^9.1.3",
     "slick-carousel": "^1.8.1",
+    "swiper": "^10.3.1",
     "tailwindcss": "^3.3.3",
     "web-vitals": "^2.1.4",
     "yup": "^1.3.1"

src/App.js

@@ -19,6 +19,7 @@ import Layout from './components/Layout';
 import NotMatch from './routes/NotMatch';
 import UnAuthorize from './routes/UnAuthorize';
 import Logout from './routes/Logout';
+import Test from './routes/Test';
 
 const queryClient = new QueryClient();
 
@@ -46,6 +47,7 @@ function App() {
           </Route>
           <Route path="/unauthorize" element={<UnAuthorize />} />
           <Route path="*" element={<NotMatch />} />
+          <Route path="test" element={<Test />} />
         </Routes>
       </BrowserRouter>
       <ToastContainer />

src/components/Sidebar.jsx

@@ -44,7 +44,7 @@ const Sidebar = () => {
           <li className="px-8 py-4 transition-colors border-b cursor-pointer border-white-700 hover:text-green-400">
             <button
               type="button"
-              onClick={() => directLink('/list-docs')}
+              onClick={() => directLink('/doctors')}
               className="block w-full"
             >
               List of Doctors