9709132183

Committed 28 Jun 2024 07:29AM UTC coverage: 84.188% (-2.6%) from 86.803%

Build # 9709132183

Build Type

Pull #42

github

Committed by

aimedivin

Commit Message

feat(landing-page): implementing landing page for client (buyer)

Pull Request Pull Request #42: feat(landing-page): implementing landing page for client (buyer)

Run Details

209 of 349 branches covered (59.89%)

Branch coverage included in aggregate %.

417 of 549 new or added lines in 13 files covered. (75.96%)

39 existing lines in 2 files now uncovered.

3108 of 3591 relevant lines covered (86.55%)

3.57 hits per line

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

59.32

/src/components/Products/ProductCard/ClientProductCard.tsx

import React from 'react';
import { useSelector } from 'react-redux';
import { RootState } from '../../../redux/store';
interface Props {
  product: ProductProp;
}
export interface Category {
  name: string;
  id: string;
  createdAt: Date;
  updatedAt: Date;
  products: ProductProp[];
}
export interface User {
  firstName: string;
  lastName: string;
}
export interface ProductProp {
  categories: Category[];
  createdAt: Date;
  description: string;
  expirationDate?: Date;
  feedbacks?: string[];
  id?: string;
  images: string[];
  isAvailable: boolean;
  name: string;
  newPrice: string;
  oldPrice?: string;
  quantity: string;
  updatedAt: Date;
  vendor?: User;
}
const ClientProductCard = (props: Props) => {
  const { userToken } = useSelector((state: RootState) => state.auth);
  const { currentCategory } = useSelector((state: RootState) => state.category);
  return (
    <div className="group cursor-pointer flex flex-col gap-y-2 w-[15.6rem] text-sm hover:bg-neutral-200 p-2 rounded relative duration-200">
      {userToken && (
        <div className="group-hover:flex sm:flex md:hidden absolute right-4 top-4 bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">
          <i className="fa-solid fa-heart text-lg text-orange"></i>
        </div>
      )}
      <div className="bg-neutral-400 h-[19.5rem] p-2">
        <img src={props.product.images[0]} alt="" className=" h-full object-contain" />
      </div>
      <div className="text-neutral-600">
        <p>{props.product.name}</p>
        {!props.product.categories[0] && <p>product</p>}
        {props.product.categories[0] && <p>{currentCategory ? currentCategory : props.product.categories[0].name}</p>}
      </div>
      <p>{props.product.vendor?.lastName + ' ' + props.product.vendor?.firstName}</p>
      <p className="text-error200">RWF {props.product.newPrice}</p>
    </div>
  );
};
export default ClientProductCard;

1	import React from 'react';	1✔
2	import { useSelector } from 'react-redux';	1✔
3	import { RootState } from '../../../redux/store';	1✔
4	interface Props {	1✔
5	product: ProductProp;	1✔
6	}	1✔
7	export interface Category {	1✔
8	name: string;	1✔
9	id: string;	1✔
10	createdAt: Date;	1✔
11	updatedAt: Date;	1✔
12	products: ProductProp[];	1✔
13	}	1✔
14	export interface User {	1✔
15	firstName: string;	1✔
16	lastName: string;	1✔
17	}	1✔
18	export interface ProductProp {	1✔
19	categories: Category[];	1✔
20	createdAt: Date;	1✔
21	description: string;	1✔
22	expirationDate?: Date;	1✔
23	feedbacks?: string[];	1✔
24	id?: string;	1✔
25	images: string[];	1✔
26	isAvailable: boolean;	1✔
27	name: string;	1✔
28	newPrice: string;	1✔
29	oldPrice?: string;	1✔
30	quantity: string;	1✔
31	updatedAt: Date;	1✔
32	vendor?: User;	1✔
33	}	1✔
34	const ClientProductCard = (props: Props) => {	1✔
NEW 35	const { userToken } = useSelector((state: RootState) => state.auth);	×
NEW 36	const { currentCategory } = useSelector((state: RootState) => state.category);	×
NEW 37	return (	×
NEW 38	<div className="group cursor-pointer flex flex-col gap-y-2 w-[15.6rem] text-sm hover:bg-neutral-200 p-2 rounded relative duration-200">	×
NEW 39	{userToken && (	×
NEW 40	<div className="group-hover:flex sm:flex md:hidden absolute right-4 top-4 bg-baseWhite w-8 h-8 pt-[2px] justify-center xmd:items-center text-center rounded-full">	×
NEW 41	<i className="fa-solid fa-heart text-lg text-orange"></i>	×
NEW 42	</div>	×
NEW 43	)}	×
NEW 44	<div className="bg-neutral-400 h-[19.5rem] p-2">	×
NEW 45	<img src={props.product.images[0]} alt="" className=" h-full object-contain" />	×
NEW 46	</div>	×
NEW 47	<div className="text-neutral-600">	×
NEW 48	<p>{props.product.name}</p>	×
NEW 49	{!props.product.categories[0] && <p>product</p>}	×
NEW 50	{props.product.categories[0] && <p>{currentCategory ? currentCategory : props.product.categories[0].name}</p>}	×
NEW 51	</div>	×
NEW 52	<p>{props.product.vendor?.lastName + ' ' + props.product.vendor?.firstName}</p>	×
NEW 53	<p className="text-error200">RWF {props.product.newPrice}</p>	×
NEW 54	</div>	×
NEW 55	);	×
NEW 56	};	×
NEW 57	export default ClientProductCard;	×

atlp-rwanda / knights-ecomm-fe / 9709132183

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