10060387859

Committed 23 Jul 2024 10:55AM UTC coverage: 90.757% (+0.09%) from 90.671%

Build # 10060387859

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #73 from atlp-rwanda/ft-order-management

#68 Implement vendor and admin order management feature

Run Details

1079 of 1360 branches covered (79.34%)

Branch coverage included in aggregate %.

1519 of 1727 new or added lines in 21 files covered. (87.96%)

3 existing lines in 2 files now uncovered.

11332 of 12315 relevant lines covered (92.02%)

12.17 hits per line

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

74.42

/src/components/Order/DashboardOrderManagement/SideBarOrderStatus.tsx

import React from 'react';
import DashboardOrderStatus from './DashboardOrderStatus';
import { useSelector } from 'react-redux';
import { RootState } from '../../../redux/store';
import { useJwt } from 'react-jwt';
import { DecodedToken } from '../../../pages/Authentication/Login';
import { useParams } from 'react-router-dom';

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

  return (
    <div
      className={
        (params.orderId ? 'flex-row xlg:flex-col ' : 'lg:flex-col ') +
        'flex flex-wrap gap-x-7 gap-y-8 lg:pl-7 p-5 lg:py-8 bg-white rounded-lg border border-neutral-300 basis-1/4 '
      }
    >
      <div>
        <h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Admin</h3>
        <ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">
          <li className="flex">
            <DashboardOrderStatus status="active" />
            &nbsp; <span>(Default)</span>
          </li>
          <li>
            <DashboardOrderStatus status="completed" />
          </li>
        </ul>
      </div>
      {decodedToken?.role.toLowerCase() === 'admin' && (
        <div>
          <h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Buyer</h3>
          <ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">
            <li>
              <DashboardOrderStatus status="received" />
            </li>
            <li>
              <DashboardOrderStatus status="order placed" />
            </li>
            <li>
              <DashboardOrderStatus status="returned" />
            </li>
            <li>
              <DashboardOrderStatus status="cancelled" />
            </li>
            <li>
              <DashboardOrderStatus status="awaiting shipment" />
            </li>
          </ul>
        </div>
      )}
      <div>
        <h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Vendor</h3>
        <ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">
          <li>
            <DashboardOrderStatus status="pending" />
          </li>
          <li>
            <DashboardOrderStatus status="is-accepted" />
          </li>
          <li>
            <DashboardOrderStatus status="in-transit" />
          </li>
          <li>
            <DashboardOrderStatus status="cancelled" />
          </li>
          <li>
            <DashboardOrderStatus status="delivered" />
          </li>
          <li>
            <DashboardOrderStatus status="awaiting shipment" />
          </li>
        </ul>
      </div>
    </div>
  );
};

export default SideBarOrderStatus;

1	import React from 'react';	1✔
2	import DashboardOrderStatus from './DashboardOrderStatus';	1✔
3	import { useSelector } from 'react-redux';	1✔
4	import { RootState } from '../../../redux/store';	1✔
5	import { useJwt } from 'react-jwt';	1✔
6	import { DecodedToken } from '../../../pages/Authentication/Login';	1✔
7	import { useParams } from 'react-router-dom';	1✔
8		1✔
9	const SideBarOrderStatus = () => {	1✔
10	const { userToken } = useSelector((state: RootState) => state.auth);	69✔
11	const { decodedToken } = useJwt<DecodedToken>(userToken);	69✔
12	const params = useParams();	69✔
13		69✔
14	return (	69✔
15	<div	69✔
16	className={	69✔
17	(params.orderId ? 'flex-row xlg:flex-col ' : 'lg:flex-col ') +	69!
18	'flex flex-wrap gap-x-7 gap-y-8 lg:pl-7 p-5 lg:py-8 bg-white rounded-lg border border-neutral-300 basis-1/4 '	69✔
19	}	69✔
20	>	69✔
21	<div>	69✔
22	<h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Admin</h3>	69✔
23	<ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">	69✔
24	<li className="flex">	69✔
25	<DashboardOrderStatus status="active" />	69✔
26	<span>(Default)</span>	69✔
27	</li>	69✔
28	<li>	69✔
29	<DashboardOrderStatus status="completed" />	69✔
30	</li>	69✔
31	</ul>	69✔
32	</div>	69✔
33	{decodedToken?.role.toLowerCase() === 'admin' && (	69!
NEW 34	<div>	×
NEW 35	<h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Buyer</h3>	×
NEW 36	<ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">	×
NEW 37	<li>	×
NEW 38	<DashboardOrderStatus status="received" />	×
NEW 39	</li>	×
NEW 40	<li>	×
NEW 41	<DashboardOrderStatus status="order placed" />	×
NEW 42	</li>	×
NEW 43	<li>	×
NEW 44	<DashboardOrderStatus status="returned" />	×
NEW 45	</li>	×
NEW 46	<li>	×
NEW 47	<DashboardOrderStatus status="cancelled" />	×
NEW 48	</li>	×
NEW 49	<li>	×
NEW 50	<DashboardOrderStatus status="awaiting shipment" />	×
NEW 51	</li>	×
NEW 52	</ul>	×
NEW 53	</div>	×
54	)}	69✔
55	<div>	69✔
56	<h3 className="font-semibold mb-2 text-[.85rem] xmd:text-[.9rem] lg:text-base">Vendor</h3>	69✔
57	<ul className="flex flex-col gap-y-1 text-[.75rem] xmd:text-[.8rem] lg:text-[.85rem] pl-5">	69✔
58	<li>	69✔
59	<DashboardOrderStatus status="pending" />	69✔
60	</li>	69✔
61	<li>	69✔
62	<DashboardOrderStatus status="is-accepted" />	69✔
63	</li>	69✔
64	<li>	69✔
65	<DashboardOrderStatus status="in-transit" />	69✔
66	</li>	69✔
67	<li>	69✔
68	<DashboardOrderStatus status="cancelled" />	69✔
69	</li>	69✔
70	<li>	69✔
71	<DashboardOrderStatus status="delivered" />	69✔
72	</li>	69✔
73	<li>	69✔
74	<DashboardOrderStatus status="awaiting shipment" />	69✔
75	</li>	69✔
76	</ul>	69✔
77	</div>	69✔
78	</div>	69✔
79	);	69✔
80	};	69✔
81		1✔
82	export default SideBarOrderStatus;	1✔

atlp-rwanda / knights-ecomm-fe / 10060387859

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