|
|
@ -1,12 +1,16 @@ |
|
|
|
import React from "react"; |
|
|
|
import React from "react"; |
|
|
|
|
|
|
|
|
|
|
|
import profilePic from "./portrait-of-a-smiling-young-man-in-eyewear.svg"; |
|
|
|
import profilePic from "images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg"; |
|
|
|
import arrowDown from "./arrow-down.svg"; |
|
|
|
import arrowDown from "images/ProfileInfoarrow-down.svg"; |
|
|
|
|
|
|
|
|
|
|
|
const ProfileInfo = ({ name, role }) => { |
|
|
|
const ProfileInfo = ({ name, role }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="flex flex-row items-center"> |
|
|
|
<div className="flex flex-row items-center"> |
|
|
|
<img src={profilePic} className="rounded-full" alt="profile-pic" /> |
|
|
|
<img |
|
|
|
|
|
|
|
src="images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg" |
|
|
|
|
|
|
|
className="rounded-full" |
|
|
|
|
|
|
|
alt="profile-pic" |
|
|
|
|
|
|
|
/> |
|
|
|
<div className="mx-4"> |
|
|
|
<div className="mx-4"> |
|
|
|
<p className="text-[#0F0543] font-sansbold text-sm">{name}</p> |
|
|
|
<p className="text-[#0F0543] font-sansbold text-sm">{name}</p> |
|
|
|
<span className="text-[#0F0543] text-xs">{role}</span> |
|
|
|
<span className="text-[#0F0543] text-xs">{role}</span> |
|
|
@ -17,7 +21,11 @@ const ProfileInfo = ({ name, role }) => { |
|
|
|
data-dropdown-toggle="dropdown" |
|
|
|
data-dropdown-toggle="dropdown" |
|
|
|
type="button" |
|
|
|
type="button" |
|
|
|
> |
|
|
|
> |
|
|
|
<img src={arrowDown} className="cursor-pointer" alt="arrow-down" /> |
|
|
|
<img |
|
|
|
|
|
|
|
src="images/ProfileInfoarrow-down.svg" |
|
|
|
|
|
|
|
className="cursor-pointer" |
|
|
|
|
|
|
|
alt="arrow-down" |
|
|
|
|
|
|
|
/> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
<div |
|
|
|
<div |
|
|
|
id="dropdown" |
|
|
|
id="dropdown" |
|
|
|