You are now the owner of this repo.

10010489571

Committed 19 Jul 2024 03:26PM UTC coverage: 90.33% (+0.2%) from 90.17%

Build # 10010489571

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #70 from atlp-rwanda/ft-dashboard-account

Implement Profile Page for Vendor and Admin

Run Details

851 of 1088 branches covered (78.22%)

Branch coverage included in aggregate %.

550 of 586 new or added lines in 5 files covered. (93.86%)

1 existing line in 1 file now uncovered.

9172 of 10008 relevant lines covered (91.65%)

10.83 hits per line

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

80.42

/src/Routes/Router.tsx

import React, { useEffect } from 'react';
import { Link, 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 SingleProduct from '../components/SingleProduct/SingleProduct';
import Cart from '../components/Cart/Cart';
import DashboardEditProducts from '../components/Products/DashboardEditProducts/DashboardEditProducts';
import WishlistPage from '../pages/WishlistPage/WishlistPage';
import { setOnWishlistPage } from '../redux/reducers/wishlistReducer';
import { useLocation } from 'react-router-dom';
import BuyerOrders from '../pages/Orders/BuyerOrders';
import SingleBuyerOrder from '../pages/Orders/SingleBuyerOrder';
import Users from '../components/Dashboard/adminDashbord/Users';
import SingleUser from '../components/Dashboard/adminDashbord/SingleUser';
import CheckOutMain from '../pages/Cart/checkOutMain';
import PaymentOk from '../pages/PaymentOk';
import DashboardAccount from '../components/Dashboard/DashboardAccount/DashboardAccount';

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 (userToken && location.pathname === '/wishlist') {
      dispatch(setOnWishlistPage(true));
    } else {
      dispatch(setOnWishlistPage(false));
    }
  }, [location.pathname, dispatch, userToken]);

  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/users" />}
            {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" />
            {userToken ? <WishlistPage /> : <Navigate to="/" />}
          </MainLayout>
        }
      />

      {isVendor && (
        <Route path="/vendor/dashboard" element={<DashboardLayout />}>
          <Route path="products" element={<DashboarInnerLayout />}>
            <Route path="" element={<DashboardProducts />} />
            <Route path="new" element={<DashboardNewProducts />} />
            <Route path=":id" element={<DashboardSingleProduct />} />
            <Route path=":id/edit" element={<DashboardEditProducts />} />
          </Route>
          <Route path="account" element={<DashboarInnerLayout />}>
            <Route path="" element={<DashboardAccount />} />
          </Route>
        </Route>
      )}

      {userToken ? (
        isAdmin ? (
          <Route path="/Admin/dashboard" element={<DashboardLayout />}>
            <Route path="users" element={<DashboarInnerLayout />}>
              <Route path="" element={<Users />} />
              <Route path=":id" element={<SingleUser />} />
            </Route>
            <Route path="account" element={<DashboarInnerLayout />}>
              <Route path="" element={<DashboardAccount />} />
            </Route>
          </Route>
        ) : (
          <Route
            path="/Admin/dashboard"
            element={
              <div className="flex flex-col gap-3 items-center mt-40">
                <p className="text-xl">You are not authorized to use this link because you are not an Admin !!</p>
                <Link to={'/'}>
                  <p className="underline cursor-pointer">Go to Home page</p>
                </Link>
              </div>
            }
          />
        )
      ) : (
        <Route path="/Admin/dashboard" element={<Navigate to="/login" />} />
      )}

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

      <Route
        path="/product/:id"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | View Product " />
            <SingleProduct />
          </MainLayout>
        }
      />
      <Route
        path="/cart"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Cart" />
            <Cart />
          </MainLayout>
        }
      />

      <Route
        path="/orders"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Orders" />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <BuyerOrders />}
            {!userToken && <Navigate to="/login" />}
          </MainLayout>
        }
      />

      <Route
        path="/orders/:orderId"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Orders" />
            {userToken && isAdmin && <Navigate to="/admin/dashboard" />}
            {userToken && isVendor && <Navigate to="/vendor/dashboard" />}
            {userToken && isBuyer && <SingleBuyerOrder />}
            {!userToken && <Navigate to="/login" />}
          </MainLayout>
        }
      />

      <Route
        path="/checkout"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Create Order" />
            {userToken && isBuyer && <CheckOutMain />}
            {!userToken && <Navigate to="/login" />}
          </MainLayout>
        }
      />
      <Route
        path="/completion"
        element={
          <MainLayout>
            <PageTitle title="Knights Store | Payment successful" />
            <PaymentOk />
          </MainLayout>
        }
      />
    </Routes>
  );
};

export default Router;

1	import React, { useEffect } from 'react';	1✔
2	import { Link, 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 SingleProduct from '../components/SingleProduct/SingleProduct';	1✔
25	import Cart from '../components/Cart/Cart';	1✔
26	import DashboardEditProducts from '../components/Products/DashboardEditProducts/DashboardEditProducts';	1✔
27	import WishlistPage from '../pages/WishlistPage/WishlistPage';	1✔
28	import { setOnWishlistPage } from '../redux/reducers/wishlistReducer';	1✔
29	import { useLocation } from 'react-router-dom';	1✔
30	import BuyerOrders from '../pages/Orders/BuyerOrders';	1✔
31	import SingleBuyerOrder from '../pages/Orders/SingleBuyerOrder';	1✔
32	import Users from '../components/Dashboard/adminDashbord/Users';	1✔
33	import SingleUser from '../components/Dashboard/adminDashbord/SingleUser';	1✔
34	import CheckOutMain from '../pages/Cart/checkOutMain';	1✔
35	import PaymentOk from '../pages/PaymentOk';	1✔
36	import DashboardAccount from '../components/Dashboard/DashboardAccount/DashboardAccount';	1✔
37		1✔
38	const Router = () => {	1✔
39	const { userToken } = useSelector((state: RootState) => state.auth);	6✔
40	const { decodedToken } = useJwt<DecodedToken>(userToken);	6✔
41		6✔
42	const isAdmin = decodedToken?.role.toLowerCase() === 'admin';	6!
43	const isVendor = decodedToken?.role.toLowerCase() === 'vendor';	6!
44	const isBuyer = decodedToken?.role.toLowerCase() === 'buyer';	6!
45		6✔
46	const location = useLocation();	6✔
47	const dispatch = useDispatch();	6✔
48		6✔
49	useEffect(() => {	6✔
50	if (userToken && location.pathname === '/wishlist') {	3!
51	dispatch(setOnWishlistPage(true));	×
52	} else {	3✔
53	dispatch(setOnWishlistPage(false));	3✔
54	}	3✔
55	}, [location.pathname, dispatch, userToken]);	6✔
56		6✔
57	return (	6✔
58	<Routes>	6✔
59	<Route	6✔
60	path="/"	6✔
61	element={	6✔
62	<MainLayout>	6✔
63	<PageTitle title="Knights Store" />	6✔
64	<Home />	6✔
65	</MainLayout>	6✔
66	}	6✔
67	/>	6✔
68		6✔
69	<Route	6✔
70	path="/register"	6✔
71	element={	6✔
72	<MainLayout>	6✔
73	<PageTitle title="Knights Store \| Register" />	6✔
74	<Register />	6✔
75	</MainLayout>	6✔
76	}	6✔
77	/>	6✔
78		6✔
79	<Route	6✔
80	path="/register-vendor"	6✔
81	element={	6✔
82	<MainLayout>	6✔
83	<PageTitle title="Knights Store \| Register Vendor" />	6✔
84	<RegisterVendor />	6✔
85	</MainLayout>	6✔
86	}	6✔
87	/>	6✔
88		6✔
89	<Route	6✔
90	path="/verify-email/:token"	6✔
91	element={	6✔
92	<MainLayout>	6✔
93	<PageTitle title="Knights Store \| Verify Email" />	6✔
94	<VerifyEmail />	6✔
95	</MainLayout>	6✔
96	}	6✔
97	/>	6✔
98		6✔
99	<Route	6✔
100	path="/forgot-password"	6✔
101	element={	6✔
102	<MainLayout>	6✔
103	<PageTitle title="Knights Store \| Forgot Password" />	6✔
104	<ForgotPassword />	6✔
105	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
106	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
107	{userToken && isBuyer && <Navigate to="/" />}	6!
108	</MainLayout>	6✔
109	}	6✔
110	/>	6✔
111		6✔
112	<Route	6✔
113	path="/reset-password"	6✔
114	element={	6✔
115	<MainLayout>	6✔
116	<PageTitle title="Knights Store \| Reset Password" />	6✔
117	<ResetPassword />	6✔
118	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
119	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
120	{userToken && isBuyer && <Navigate to="/" />}	6!
121	</MainLayout>	6✔
122	}	6✔
123	/>	6✔
124		6✔
125	<Route	6✔
126	path="/login"	6✔
127	element={	6✔
128	<MainLayout>	6✔
129	<PageTitle title="Knights Store \| Login" />	6✔
130	{userToken && isAdmin && <Navigate to="/admin/dashboard/users" />}	6!
131	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
132	{userToken && isBuyer && <Navigate to="/" />}	6!
133	{!userToken && <Login />}	6✔
134	</MainLayout>	6✔
135	}	6✔
136	/>	6✔
137	<Route	6✔
138	path="/login/google-auth"	6✔
139	element={	6✔
140	<MainLayout>	6✔
141	<PageTitle title="Knights Store \| Login" />	6✔
142	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
143	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
144	{userToken && isBuyer && <Navigate to="/" />}	6!
145	{!userToken && <GoogleLoginSuccess />}	6✔
146	</MainLayout>	6✔
147	}	6✔
148	/>	6✔
149	<Route	6✔
150	path="/suspended-account"	6✔
151	element={	6✔
152	<MainLayout>	6✔
153	<PageTitle title="Knights Store \| Suspended Account" />	6✔
154	{userToken && <Navigate to="/" />}	6!
155	<SuspendedAccount />	6✔
156	</MainLayout>	6✔
157	}	6✔
158	/>	6✔
159	<Route	6✔
160	path="/otp-verficaton"	6✔
161	element={	6✔
162	<MainLayout>	6✔
163	<PageTitle title="Knights Store \| Verify OTP" />	6✔
164	<OtpPage />	6✔
165	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6!
166	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6!
167	{userToken && isBuyer && <Navigate to="/" />}	6!
168	</MainLayout>	6✔
169	}	6✔
170	/>	6✔
171		6✔
172	<Route	6✔
173	path="/wishlist"	6✔
174	element={	6✔
175	<MainLayout>	6✔
176	<PageTitle title="Knights Store \| Wishlist" />	6✔
177	{userToken ? <WishlistPage /> : <Navigate to="/" />}	6!
178	</MainLayout>	6✔
179	}	6✔
180	/>	6✔
181		6✔
182	{isVendor && (	6!
183	<Route path="/vendor/dashboard" element={<DashboardLayout />}>	×
184	<Route path="products" element={<DashboarInnerLayout />}>	×
185	<Route path="" element={<DashboardProducts />} />	×
186	<Route path="new" element={<DashboardNewProducts />} />	×
187	<Route path=":id" element={<DashboardSingleProduct />} />	×
188	<Route path=":id/edit" element={<DashboardEditProducts />} />	×
189	</Route>	×
NEW 190	<Route path="account" element={<DashboarInnerLayout />}>	×
NEW 191	<Route path="" element={<DashboardAccount />} />	×
NEW 192	</Route>	×
UNCOV 193	</Route>	×
194	)}	6✔
195		6✔
196	{userToken ? (	6!
197	isAdmin ? (	×
198	<Route path="/Admin/dashboard" element={<DashboardLayout />}>	×
199	<Route path="users" element={<DashboarInnerLayout />}>	×
200	<Route path="" element={<Users />} />	×
201	<Route path=":id" element={<SingleUser />} />	×
202	</Route>	×
NEW 203	<Route path="account" element={<DashboarInnerLayout />}>	×
NEW 204	<Route path="" element={<DashboardAccount />} />	×
NEW 205	</Route>	×
206	</Route>	×
207	) : (	×
208	<Route	×
209	path="/Admin/dashboard"	×
210	element={	×
211	<div className="flex flex-col gap-3 items-center mt-40">	×
212	<p className="text-xl">You are not authorized to use this link because you are not an Admin !!</p>	×
213	<Link to={'/'}>	×
214	<p className="underline cursor-pointer">Go to Home page</p>	×
215	</Link>	×
216	</div>	×
217	}	×
218	/>	×
219	)	×
220	) : (	×
221	<Route path="/Admin/dashboard" element={<Navigate to="/login" />} />	6✔
222	)}	6✔
223		6✔
224	<Route	6✔
225	path="/search"	6✔
226	element={	6✔
227	<MainLayout>	6✔
228	<PageTitle title="Knights Store \| Search" />	6✔
229	<SearchPage />	6✔
230	</MainLayout>	6✔
231	}	6✔
232	/>	6✔
233		6✔
234	<Route	6✔
235	path="/product/:id"	6✔
236	element={	6✔
237	<MainLayout>	6✔
238	<PageTitle title="Knights Store \| View Product " />	6✔
239	<SingleProduct />	6✔
240	</MainLayout>	6✔
241	}	6✔
242	/>	6✔
243	<Route	6✔
244	path="/cart"	6✔
245	element={	6✔
246	<MainLayout>	6✔
247	<PageTitle title="Knights Store \| Cart" />	6✔
248	<Cart />	6✔
249	</MainLayout>	6✔
250	}	6✔
251	/>	6✔
252		6✔
253	<Route	6✔
254	path="/orders"	6✔
255	element={	6✔
256	<MainLayout>	6✔
257	<PageTitle title="Knights Store \| Orders" />	6✔
258	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6✔
259	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6✔
260	{userToken && isBuyer && <BuyerOrders />}	6!
261	{!userToken && <Navigate to="/login" />}	6!
262	</MainLayout>	6!
263	}	6✔
264	/>	6✔
265		6✔
266	<Route	6✔
267	path="/orders/:orderId"	6✔
268	element={	6✔
269	<MainLayout>	6✔
270	<PageTitle title="Knights Store \| Orders" />	6✔
271	{userToken && isAdmin && <Navigate to="/admin/dashboard" />}	6✔
272	{userToken && isVendor && <Navigate to="/vendor/dashboard" />}	6✔
273	{userToken && isBuyer && <SingleBuyerOrder />}	6!
274	{!userToken && <Navigate to="/login" />}	6!
275	</MainLayout>	6!
276	}	6✔
277	/>	6✔
278		6✔
279	<Route	6✔
280	path="/checkout"	6✔
281	element={	6✔
282	<MainLayout>	6✔
283	<PageTitle title="Knights Store \| Create Order" />	6✔
284	{userToken && isBuyer && <CheckOutMain />}	6✔
285	{!userToken && <Navigate to="/login" />}	6✔
286	</MainLayout>	6!
287	}	6✔
288	/>	6✔
289	<Route	6✔
290	path="/completion"	6✔
291	element={	6✔
292	<MainLayout>	6✔
293	<PageTitle title="Knights Store \| Payment successful" />	6✔
294	<PaymentOk />	6✔
295	</MainLayout>	6✔
296	}	6✔
297	/>	6✔
298	</Routes>	6✔
299	);	6✔
300	};	6✔
301		6✔
302	export default Router;	6✔

atlp-rwanda / knights-ecomm-fe / 10010489571

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