be926ee0-1c33-4ae5-8410-de4477185622

Committed 09 Jul 2024 08:52AM UTC coverage: 93.283% (-0.1%) from 93.382%

Build # be926ee0-1c33-4ae5-8410-de4477185622

Build Type

Pull #26

circleci

Committed by

AngeloChristian1

Commit Message

Chore(Layout): Making layout design of the website

[Delivers #187814639]

Pull Request Pull Request #26: Chore(Layout): Making layout design of the website

Run Details

358 of 430 branches covered (83.26%)

Branch coverage included in aggregate %.

59 of 60 new or added lines in 9 files covered. (98.33%)

4 existing lines in 1 file now uncovered.

1003 of 1029 relevant lines covered (97.47%)

8.24 hits per line

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

83.33

/src/components/TeamCard.tsx

import React from 'react';
import { FiGithub } from "react-icons/fi"
import { FaLinkedinIn } from "react-icons/fa";
import { Link } from 'react-router-dom';

interface InputProps {
  name?: string;
  title?: string;
  linkedin?: string|any;
  github?: string|any;
  Image?: string | any;
}

const TeamCard: React.FC<InputProps> = (props) => {

  return (
<div className='flex gap-2 items-center justify-start my-3  flex-col bigphone:w-[50%] bigphone:basis-[40%] tablet:w-[30%]  tablet:basis-[30%] h-[40%] m-1 mb-4 group  '>
    
<div className="image-container border border-gray_100 rounded-sm group-hover:blur-3 relative hover:scale-[1.03] transition-all " >
<div className='absolute  hidden group-hover:flex flex-col items-center justify-center gap-5 w-full h-full' style={{backgroundColor:"rgba(0,0,0,.5)"}}> 
<div className="links flex gap-2 items-center justify-center  w-full">
    <div className='bg-gray rounded-full p-2'>
    <Link to={props.github} >
        <FiGithub  className='text-xl text-black'data-testid="github-icon"/>
        </Link>
    </div>
    <div className='bg-gray rounded-full p-2'>
        <Link to={props.linkedin} >
         <FaLinkedinIn  className='text-xl text-black' data-testid="linkedin-icon"/>
        </Link>
       
    </div>
</div>
<p className='text-center text-xs text-gray '>{props.title}</p>
</div>
    <img src={props.Image} alt={props.name} />
</div>
<p className='text-center'>{props.name}</p>
</div>
  );
};

export default TeamCard;

1	import React from 'react';
2	import { FiGithub } from "react-icons/fi"	1✔
3	import { FaLinkedinIn } from "react-icons/fa";	1✔
4	import { Link } from 'react-router-dom';	1✔
5
6	interface InputProps {
7	name?: string;
8	title?: string;
9	linkedin?: string\|any;
10	github?: string\|any;
11	Image?: string \| any;
12	}
13
14	const TeamCard: React.FC<InputProps> = (props) => {	1✔
15
NEW 16	return (	×
17	<div className='flex gap-2 items-center justify-start my-3 flex-col bigphone:w-[50%] bigphone:basis-[40%] tablet:w-[30%] tablet:basis-[30%] h-[40%] m-1 mb-4 group '>
18
19	<div className="image-container border border-gray_100 rounded-sm group-hover:blur-3 relative hover:scale-[1.03] transition-all " >
20	<div className='absolute hidden group-hover:flex flex-col items-center justify-center gap-5 w-full h-full' style={{backgroundColor:"rgba(0,0,0,.5)"}}>
21	<div className="links flex gap-2 items-center justify-center w-full">
22	<div className='bg-gray rounded-full p-2'>
23	<Link to={props.github} >
24	<FiGithub className='text-xl text-black'data-testid="github-icon"/>
25	</Link>
26	</div>
27	<div className='bg-gray rounded-full p-2'>
28	<Link to={props.linkedin} >
29	<FaLinkedinIn className='text-xl text-black' data-testid="linkedin-icon"/>
30	</Link>
31
32	</div>
33	</div>
34	<p className='text-center text-xs text-gray '>{props.title}</p>
35	</div>
36	<img src={props.Image} alt={props.name} />
37	</div>
38	<p className='text-center'>{props.name}</p>
39	</div>
40	);
41	};
42
43	export default TeamCard;	1✔

atlp-rwanda / e-commerce-bitcrafters-fn / be926ee0-1c33-4ae5-8410-de4477185622

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