Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

#fixes Refactor InviteUsersForm component to support dark mode (#10869)

Browse source
This commit is contained in:
Ayyan Shaikh 2024-10-30 17:54:30 +05:30 committed by GitHub
parent afebd3f8b3
commit 301a5f32bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/ManageOrgUsers/InviteUsersForm.jsx
View file

@ -32,6 +32,8 @@ function InviteUsersForm({
const hiddenFileInput = useRef(null);
const darkmode = localStorage.getItem('darkMode') === 'true';
useEffect(() => {
if (currentEditingUser && groups.length) {
const { first_name, last_name, email, groups: addedToGroups } = currentEditingUser;
@ -100,6 +102,12 @@ function InviteUsersForm({
};
const isEditing = userDrawerMode === USER_DRAWER_MODES.EDIT;
let fillColor;
if (activeTab == 1) {
fillColor = darkmode ? '#FFFFFF' : '#11181C';
} else {
fillColor = darkmode ? '#AAAAAA' : '#687076';
}
return (
<div>
@ -131,7 +139,7 @@ function InviteUsersForm({
onClick={() => setActiveTab(1)}
data-cy="button-invite-with-email"
>
<SolidIcon name="mail" width="14" fill={activeTab == 1 ? '#11181C' : '#687076'} />
<SolidIcon name="mail" width="14" fill={fillColor} />
<span> Invite with email</span>
</button>
<button
@ -139,7 +147,7 @@ function InviteUsersForm({
onClick={() => setActiveTab(2)}
data-cy="button-upload-csv-file"
>
<SolidIcon name="fileupload" width="14" fill={activeTab == 2 ? '#11181C' : '#687076'} />
<SolidIcon name="fileupload" width="14" fill={fillColor} />
<span>Upload CSV file</span>
</button>
</div>