Skip to content

Commit

Permalink
fix: Replace buttons with icons on organizations page (#318)
Browse files Browse the repository at this point in the history 
- Change action buttons to specific icons
- Change icon colors to our platform color codes
  • Loading branch information
@nshutip
nshutip authored Oct 11, 2023
1 parent fc0c6f8 commit d1e3e76
Showing 1 changed file with 59 additions and 55 deletions.
114 changes: 59 additions & 55 deletions src/components/Organizations.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,63 +79,67 @@ function ActionButtons({
<div className="flex relative flex-row align-middle justify-center items-center">
{checkStatus == 'active' ? (
<>
<div
// data-testid="traineeIcon"
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
console.log(getData?.getOrganizations[props.row.index])
removeInviteModel();
}}
>
<Icon
icon="mdi:refresh"
// className="mr-2"
width="30"
height="30"
cursor="pointer"
color="#148fb6"
/>
</div>
<div
// data-testid="updateIcon"
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
removeDeleteModel();
}}
>
<Icon
icon="mdi:close-circle-outline"
// className="mr-2"
width="30"
height="30"
cursor="pointer"
color="#148fb6"
/>
</div>
<div
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
console.log(getData?.getOrganizations[props.row.index])
removeInviteModel();
}}
>
<Icon
icon="mdi:email-fast"
width="30"
height="30"
cursor="pointer"
color="#9e85f5"
/>
</div>
<div
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
removeDeleteModel();
}}
>
<Icon
icon="mdi:delete"
width="30"
height="30"
cursor="pointer"
color="#9e85f5"
/>
</div>
</>
) : (
<>
<Button
variant="primary"
size="sm"
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
approveModel();
}}
>
Approve
</Button>
<Button
variant="primary"
size="sm"
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
rejectModel();
}}
>
Reject
</Button>
</>
<>
<div
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
approveModel();
}}
>
<Icon
icon="mdi:bank-check"
width="30"
height="30"
cursor="pointer"
color="#9e85f5"
/>
</div>
<div
onClick={() => {
setData(getData?.getOrganizations[props.row.index]);
rejectModel();
}}
>
<Icon
icon="mdi:bank-remove"
width="30"
height="30"
cursor="pointer"
color="#9e85f5"
/>
</div>
</>
)}
</div>
);
Expand Down

1 comment on commit d1e3e76

@vercel
Copy link

@vercel vercel bot commented on d1e3e76 Oct 11, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

metron-devpulse – ./

metron-devpulse-git-develop-metron.vercel.app
metron-devpulse-metron.vercel.app
metron-devpulse.vercel.app

Please sign in to comment.