diff --git a/src/Pages/Team/partials/TeamForm.tsx b/src/Pages/Team/partials/TeamForm.tsx index 310bffb..51d9523 100644 --- a/src/Pages/Team/partials/TeamForm.tsx +++ b/src/Pages/Team/partials/TeamForm.tsx @@ -18,6 +18,7 @@ import { ApiService } from '@src/services/api'; import MembersDetails from '@src/components/MembersDetails'; import DrawerStyles from '@src/Pages/Incidents/DrawerMode/DrawerMode.module.scss'; import styles from '../Team.module.scss'; +import AlertOutlineIcon from '@navi/web-ui/lib/icons/AlertOutlineIcon'; const TeamForm = (props: TeamFormProps) => { const { teamId, isExpanded, setTeamId, setLastUpdatedAt } = props; diff --git a/src/components/MembersDetails/Members.module.scss b/src/components/MembersDetails/Members.module.scss index 3a112e6..2316ce4 100644 --- a/src/components/MembersDetails/Members.module.scss +++ b/src/components/MembersDetails/Members.module.scss @@ -9,15 +9,19 @@ .participant-detail { display: flex; - align-items: center; - justify-content: space-between; + //align-items: center; + //justify-content: space-between; //margin-left: auto; gap: 4px; // margin-left: 15px; //background-color: red; } -.participant-detail:hover .mark-as-manager { +.participant-detail-nest { + display: flex; + //background-color: aqua; +} +.participant-detail-nest:hover .mark-as-manager { visibility: visible; /* Show the text when hovering over the participant-detail */ } diff --git a/src/components/MembersDetails/index.tsx b/src/components/MembersDetails/index.tsx index e41fdd1..990a0ce 100644 --- a/src/components/MembersDetails/index.tsx +++ b/src/components/MembersDetails/index.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import { Avatar, Typography, Tag } from '@navi/web-ui/lib/primitives'; +import { AlertOutlineIcon } from '@navi/web-ui/lib/icons'; import styles from './Members.module.scss'; import Button from '@navi/web-ui/lib/primitives/Button'; @@ -26,21 +27,24 @@ const MembersDetails = (props: any) => { {' '} {participant?.name} -
-
- +
+
+ +
+ person_logo
- person_logo -
-
+   
+
+
+
{totalMembers > 10 && index === showTotalMembers - 1 ? ( totalMembers !== showTotalMembers ? (