3e51cbef-7c07-4981-aa88-8d2c4954b245

Build # 3e51cbef-7c07-4981-aa88-8d2c4954b245

Build Type

push

circleci

Committed by GitHub

Commit Message

feat: track orders (#31)

Run Details

365 of 668 branches covered (54.64%)

Branch coverage included in aggregate %.

55 of 55 new or added lines in 7 files covered. (100.0%)

1514 of 1999 relevant lines covered (75.74%)

20.69 hits per line

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

53.57

/src/components/orders/SingleOrderCard.js

import React from "react";
import { SingleOrderProduct } from './SingleOrderProduct';

const SingleOrderCard = ({ data }) => {
  const order = data;
  return (
    <div className="w-full rounded-lg shadow-lg">
      <div
        className={` py-4 ${
          order?.status == "delivered"
            ? "bg-purple-700 text-purple-100"
            : order?.status == "pending"
            ? "bg-yellow-600 text-yellow-100"
            : order?.status == "accepted"
            ? "bg-green-600 text-green-100"
            : ""
        }`}
      >
        <h2 className="text-white font-bold text-center text-lg ">
          {order?.status == "pending"
            ? "your order is Pending"
            : order?.status == "delivered"
            ? "your order delivered"
            : order?.status == "accepted"
            ? "your order accepted"
            : ""
          }
        </h2>
      </div>
      <div className="px-6 py-4">
        <div className="flex items-center justify-start">
          <p className="text-gray-800 text-left block">Total: &nbsp;</p>
          <br />
          <p className="font-bold text-gray-800 block">
            RWF {order?.fullPrice}
          </p>
          <p
            className={`font-bold text-right ml-auto px-3 py-1 rounded-2xl  ${
              order?.status == "delivered"
                ? "bg-purple-100 text-purple-700"
                : order?.status == "pending"
                ? "bg-yellow-100 text-yellow-600"
                : order?.status == "accepted"
                ? "bg-green-100 text-green-600"
                : ""
            }`}
          >
            {order?.status == "pending"
            ? "Pending"
            : order?.status == "delivered"
            ? "delivered"
            : order?.status == "accepted"
            ? "accepted"
            : ""
          }
          </p>
        </div>
        <p className="text-center text-gray-500 my-2">{new Date(order?.createdAt).toLocaleDateString()}</p>
        {
          order?.products.map((product)=>{
            return (
              <><hr className="my-2 border-gray-300 border-dashed" />
              <SingleOrderProduct product={product} />
              </>
            )
          })
        }
      </div>
    </div>
  );
};

export default SingleOrderCard;

1	import React from "react";
2	import { SingleOrderProduct } from './SingleOrderProduct';
3
4	const SingleOrderCard = ({ data }) => {	59✔
5	const order = data;	1✔
6	return (	1✔
7	<div className="w-full rounded-lg shadow-lg">
8	<div
9	className={` py-4 ${
10	order?.status == "delivered"	1!
11	? "bg-purple-700 text-purple-100"
12	: order?.status == "pending"	1!
13	? "bg-yellow-600 text-yellow-100"
14	: order?.status == "accepted"	1!
15	? "bg-green-600 text-green-100"
16	: ""
17	}`}
18	>
19	<h2 className="text-white font-bold text-center text-lg ">
20	{order?.status == "pending"	1!
21	? "your order is Pending"
22	: order?.status == "delivered"	1!
23	? "your order delivered"
24	: order?.status == "accepted"	1!
25	? "your order accepted"
26	: ""
27	}
28	</h2>
29	</div>
30	<div className="px-6 py-4">
31	<div className="flex items-center justify-start">
32	<p className="text-gray-800 text-left block">Total:  </p>
33	<br />
34	<p className="font-bold text-gray-800 block">
35	RWF {order?.fullPrice}
36	</p>
37	<p
38	className={`font-bold text-right ml-auto px-3 py-1 rounded-2xl ${
39	order?.status == "delivered"	1!
40	? "bg-purple-100 text-purple-700"
41	: order?.status == "pending"	1!
42	? "bg-yellow-100 text-yellow-600"
43	: order?.status == "accepted"	1!
44	? "bg-green-100 text-green-600"
45	: ""
46	}`}
47	>
48	{order?.status == "pending"	1!
49	? "Pending"
50	: order?.status == "delivered"	1!
51	? "delivered"
52	: order?.status == "accepted"	1!
53	? "accepted"
54	: ""
55	}
56	</p>
57	</div>
58	<p className="text-center text-gray-500 my-2">{new Date(order?.createdAt).toLocaleDateString()}</p>
59	{
60	order?.products.map((product)=>{
61	return (	×
62	<><hr className="my-2 border-gray-300 border-dashed" />
63	<SingleOrderProduct product={product} />
64	</>
65	)
66	})
67	}
68	</div>
69	</div>
70	);
71	};
72
73	export default SingleOrderCard;

atlp-rwanda / vikings-ec-fe / 3e51cbef-7c07-4981-aa88-8d2c4954b245

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