9806097549

Committed 05 Jul 2024 09:21AM UTC coverage: 87.539% (-0.4%) from 87.967%

Build # 9806097549

Build Type

Pull #53

github

Committed by

Calebgisa72

Commit Message

feat-wishlist-management

Pull Request Pull Request #53: feat-wishlist-management

Run Details

414 of 579 branches covered (71.5%)

Branch coverage included in aggregate %.

350 of 403 new or added lines in 14 files covered. (86.85%)

62 existing lines in 2 files now uncovered.

4939 of 5536 relevant lines covered (89.22%)

8.16 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

90.28

/src/Routes/Router.tsx

import React, { useEffect } from 'react';
import { Navigate, Route, Routes } from 'react-router-dom';
import PageTitle from '../components/PageTitle';
import Register from '../pages/Authentication/Register';
import RegisterVendor from '../pages/Authentication/RegisterVendor';
import VerifyEmail from '../pages/Authentication/VerifyEmail';
import Login, { DecodedToken } from '../pages/Authentication/Login';
import { useDispatch, useSelector } from 'react-redux';
import { RootState } from '../redux/store';
import GoogleLoginSuccess from '../pages/Authentication/GoogleLoginSuccess';
import { useJwt } from 'react-jwt';
import OtpPage from '../pages/Authentication/OtpPage';
import SuspendedAccount from '../components/SuspendedAccount/SuspendedAccount';
import { ForgotPassword } from '../pages/Authentication/ForgotPassword';
import { ResetPassword } from '../pages/Authentication/ResetPassword';
import DashboardLayout from '../layout/DashboardLayout';
import DashboarInnerLayout from '../layout/DashboarInnerLayout';
import DashboardProducts from '../components/Products/DashboardProducts/DashboardProducts';
import DashboardSingleProduct from '../components/Products/DashboardSingleProduct/DashboardSingleProduct';
import DashboardNewProducts from '../components/Products/DashboardNewProducts/DashboardNewProducts';
import MainLayout from '../layout/MainLayout';
import Home from '../pages/LandingPage/Home';
import SearchPage from '../pages/searchPage';
import WishlistPage from '../pages/WishlistPage/WishlistPage';
import { setOnWishlistPage } from '../redux/reducers/wishlistReducer';
import { useLocation } from 'react-router-dom';

const Router = () => {
  const { userToken } = useSelector((state: RootState) => state.auth);
  const { decodedToken } = useJwt<DecodedToken>(userToken);

  const isAdmin = decodedToken?.role.toLowerCase() === 'admin';
  const isVendor = decodedToken?.role.toLowerCase() === 'vendor';
  const isBuyer = decodedToken?.role.toLowerCase() === 'buyer';

  const location = useLocation();
  const dispatch = useDispatch();

  useEffect(() => {
    if (location.pathname === '/wishlist') {
      dispatch(setOnWishlistPage(true));
    } else {
      dispatch(setOnWishlistPage(false));
    }
  }, [location.pathname, dispatch]);

  return (
    <Routes>
      <Route
        path="/"
        element={
          <MainLayout>
            <PageTitle title="Knights Store" />
            <Home />
          </MainLayout>
        }
      />

      <Route
        path="/register"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Register" />
            <Register />
          </MainLayout>
        }
      />

      <Route
        path="/register-vendor"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Register Vendor" />
            <RegisterVendor />
          </MainLayout>
        }
      />

      <Route
        path="/verify-email/:token"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Verify Email" />
            <VerifyEmail />
          </MainLayout>
        }
      />

      <Route
        path="/forgot-password"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Forgot Password" />
            <ForgotPassword />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <Navigate to="/" />}
          </MainLayout>
        }
      />

      <Route
        path="/reset-password"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Reset Password" />
            <ResetPassword />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <Navigate to="/" />}
          </MainLayout>
        }
      />

      <Route
        path="/login"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Login" />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <Navigate to="/" />}
            {!userToken && <Login />}
          </MainLayout>
        }
      />
      <Route
        path="/login/google-auth"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Login" />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <Navigate to="/" />}
            {!userToken && <GoogleLoginSuccess />}
          </MainLayout>
        }
      />
      <Route
        path="/suspended-account"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Suspended Account" />
            {userToken && <Navigate to="/" />}
            <SuspendedAccount />
          </MainLayout>
        }
      />
      <Route
        path="/otp-verficaton"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Verify OTP" />
            <OtpPage />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <Navigate to="/" />}
          </MainLayout>
        }
      />

      <Route
        path="/wishlist"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Wishlist" />
            <WishlistPage />
          </MainLayout>
        }
      />

      <Route path="/vendor/dashboard" element={<DashboardLayout />}>
        <Route path="products" element={<DashboarInnerLayout />}>
          <Route path="" element={<DashboardProducts />} />
          <Route path=":id" element={<DashboardSingleProduct />} />
          <Route path="new" element={<DashboardNewProducts />} />
        </Route>
      </Route>

      <Route
        path="/search"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Search" />
            <SearchPage />
          </MainLayout>
        }
      />
    </Routes>
  );
};

export default Router;

1	import React, { useEffect } from 'react';	1✔
2	import { Navigate, Route, Routes } from 'react-router-dom';	1✔
3	import PageTitle from '../components/PageTitle';	1✔
4	import Register from '../pages/Authentication/Register';	1✔
5	import RegisterVendor from '../pages/Authentication/RegisterVendor';	1✔
6	import VerifyEmail from '../pages/Authentication/VerifyEmail';	1✔
7	import Login, { DecodedToken } from '../pages/Authentication/Login';	1✔
8	import { useDispatch, useSelector } from 'react-redux';	1✔
9	import { RootState } from '../redux/store';	1✔
10	import GoogleLoginSuccess from '../pages/Authentication/GoogleLoginSuccess';	1✔
11	import { useJwt } from 'react-jwt';	1✔
12	import OtpPage from '../pages/Authentication/OtpPage';	1✔
13	import SuspendedAccount from '../components/SuspendedAccount/SuspendedAccount';	1✔
14	import { ForgotPassword } from '../pages/Authentication/ForgotPassword';	1✔
15	import { ResetPassword } from '../pages/Authentication/ResetPassword';	1✔
16	import DashboardLayout from '../layout/DashboardLayout';	1✔
17	import DashboarInnerLayout from '../layout/DashboarInnerLayout';	1✔
18	import DashboardProducts from '../components/Products/DashboardProducts/DashboardProducts';	1✔
19	import DashboardSingleProduct from '../components/Products/DashboardSingleProduct/DashboardSingleProduct';	1✔
20	import DashboardNewProducts from '../components/Products/DashboardNewProducts/DashboardNewProducts';	1✔
21	import MainLayout from '../layout/MainLayout';	1✔
22	import Home from '../pages/LandingPage/Home';	1✔
23	import SearchPage from '../pages/searchPage';	1✔
24	import WishlistPage from '../pages/WishlistPage/WishlistPage';	1✔
25	import { setOnWishlistPage } from '../redux/reducers/wishlistReducer';	1✔
26	import { useLocation } from 'react-router-dom';	1✔
27		1✔
28	const Router = () => {	1✔
29	const { userToken } = useSelector((state: RootState) => state.auth);	6✔
30	const { decodedToken } = useJwt<DecodedToken>(userToken);	6✔
31		6✔
32	const isAdmin = decodedToken?.role.toLowerCase() === 'admin';	6!
33	const isVendor = decodedToken?.role.toLowerCase() === 'vendor';	6!
34	const isBuyer = decodedToken?.role.toLowerCase() === 'buyer';	6!
35		6✔
36	const location = useLocation();	6✔
37	const dispatch = useDispatch();	6✔
38		6✔
39	useEffect(() => {	6✔
40	if (location.pathname === '/wishlist') {	3!
NEW 41	dispatch(setOnWishlistPage(true));	×
42	} else {	3✔
43	dispatch(setOnWishlistPage(false));	3✔
44	}	3✔
45	}, [location.pathname, dispatch]);	6✔
46		6✔
47	return (	6✔
48	<Routes>	6✔
49	<Route	6✔
50	path="/"	6✔
51	element={	6✔
52	<MainLayout>	6✔
53	<PageTitle title="Knights Store" />	6✔
54	<Home />	6✔
55	</MainLayout>	6✔
56	}	6✔
57	/>	6✔
58		6✔
59	<Route	6✔
60	path="/register"	6✔
61	element={	6✔
62	<MainLayout>	6✔
63	<PageTitle title="Knights Store \| Register" />	6✔
64	<Register />	6✔
65	</MainLayout>	6✔
66	}	6✔
67	/>	6✔
68		6✔
69	<Route	6✔
70	path="/register-vendor"	6✔
71	element={	6✔
72	<MainLayout>	6✔
73	<PageTitle title="Knights Store \| Register Vendor" />	6✔
74	<RegisterVendor />	6✔
75	</MainLayout>	6✔
76	}	6✔
77	/>	6✔
78		6✔
79	<Route	6✔
80	path="/verify-email/:token"	6✔
81	element={	6✔
82	<MainLayout>	6✔
83	<PageTitle title="Knights Store \| Verify Email" />	6✔
84	<VerifyEmail />	6✔
85	</MainLayout>	6✔
86	}	6✔
87	/>	6✔
88		6✔
89	<Route	6✔
90	path="/forgot-password"	6✔
91	element={	6✔
92	<MainLayout>	6✔
93	<PageTitle title="Knights Store \| Forgot Password" />	6✔
94	<ForgotPassword />	6✔
95	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
96	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
97	{userToken && isBuyer && <Navigate to="/" />}	6!
98	</MainLayout>	6✔
99	}	6✔
100	/>	6✔
101		6✔
102	<Route	6✔
103	path="/reset-password"	6✔
104	element={	6✔
105	<MainLayout>	6✔
106	<PageTitle title="Knights Store \| Reset Password" />	6✔
107	<ResetPassword />	6✔
108	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
109	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
110	{userToken && isBuyer && <Navigate to="/" />}	6!
111	</MainLayout>	6✔
112	}	6✔
113	/>	6✔
114		6✔
115	<Route	6✔
116	path="/login"	6✔
117	element={	6✔
118	<MainLayout>	6✔
119	<PageTitle title="Knights Store \| Login" />	6✔
120	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
121	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
122	{userToken && isBuyer && <Navigate to="/" />}	6!
123	{!userToken && <Login />}	6✔
124	</MainLayout>	6✔
125	}	6✔
126	/>	6✔
127	<Route	6✔
128	path="/login/google-auth"	6✔
129	element={	6✔
130	<MainLayout>	6✔
131	<PageTitle title="Knights Store \| Login" />	6✔
132	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
133	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
134	{userToken && isBuyer && <Navigate to="/" />}	6!
135	{!userToken && <GoogleLoginSuccess />}	6✔
136	</MainLayout>	6✔
137	}	6✔
138	/>	6✔
139	<Route	6✔
140	path="/suspended-account"	6✔
141	element={	6✔
142	<MainLayout>	6✔
143	<PageTitle title="Knights Store \| Suspended Account" />	6✔
144	{userToken && <Navigate to="/" />}	6!
145	<SuspendedAccount />	6✔
146	</MainLayout>	6✔
147	}	6✔
148	/>	6✔
149	<Route	6✔
150	path="/otp-verficaton"	6✔
151	element={	6✔
152	<MainLayout>	6✔
153	<PageTitle title="Knights Store \| Verify OTP" />	6✔
154	<OtpPage />	6✔
155	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
156	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
157	{userToken && isBuyer && <Navigate to="/" />}	6!
158	</MainLayout>	6✔
159	}	6✔
160	/>	6✔
161		6✔
162	<Route	6✔
163	path="/wishlist"	6✔
164	element={	6✔
165	<MainLayout>	6✔
166	<PageTitle title="Knights Store \| Wishlist" />	6✔
167	<WishlistPage />	6✔
168	</MainLayout>	6✔
169	}	6✔
170	/>	6✔
171		6✔
172	<Route path="/vendor/dashboard" element={<DashboardLayout />}>	6✔
173	<Route path="products" element={<DashboarInnerLayout />}>	6✔
174	<Route path="" element={<DashboardProducts />} />	6✔
175	<Route path=":id" element={<DashboardSingleProduct />} />	6✔
176	<Route path="new" element={<DashboardNewProducts />} />	6✔
177	</Route>	6✔
178	</Route>	6✔
179		6✔
180	<Route	6✔
181	path="/search"	6✔
182	element={	6✔
183	<MainLayout>	6✔
184	<PageTitle title="Knights Store \| Search" />	6✔
185	<SearchPage />	6✔
186	</MainLayout>	6✔
187	}	6✔
188	/>	6✔
189	</Routes>	6✔
190	);	6✔
191	};	6✔
192		1✔
193	export default Router;	1✔

atlp-rwanda / knights-ecomm-fe / 9806097549

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous