Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-22 23:51:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adapt to theme

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-06 22:00:38 +02:00
parent 4dae8685eb
commit 2cce4ec7c6
1 changed files with 3 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/DesktopSideBar.tsx
View File

@ -1,12 +1,8 @@
import { Box, ButtonBase } from "@mui/material"; import { Box, ButtonBase, useTheme } from "@mui/material";
import React from "react";
import { HomeIcon } from "../assets/Icons/HomeIcon"; import { HomeIcon } from "../assets/Icons/HomeIcon";
import { MessagingIcon } from "../assets/Icons/MessagingIcon"; import { MessagingIcon } from "../assets/Icons/MessagingIcon";
import { Save } from "./Save/Save"; import { Save } from "./Save/Save";
import { HubsIcon } from "../assets/Icons/HubsIcon";
import { CoreSyncStatus } from "./CoreSyncStatus";
import { IconWrapper } from "./Desktop/DesktopFooter"; import { IconWrapper } from "./Desktop/DesktopFooter";
import AppIcon from "./../assets/svgs/AppIcon.svg";
import { useRecoilState } from "recoil"; import { useRecoilState } from "recoil";
import { enabledDevModeAtom } from "../atoms/global"; import { enabledDevModeAtom } from "../atoms/global";
import { AppsIcon } from "../assets/Icons/AppsIcon"; import { AppsIcon } from "../assets/Icons/AppsIcon";
@ -54,12 +50,9 @@ export const DesktopSideBar = ({
> >
<HomeIcon <HomeIcon
height={34} height={34}
<<<<<<< HEAD
=======
color={ color={
desktopViewMode === "home" ? "white" : "rgba(250, 250, 250, 0.5)" desktopViewMode === "home" ? "white" : "rgba(250, 250, 250, 0.5)"
} }
>>>>>>> b721248 (Add themeSelector component)
/> />
</ButtonBase> </ButtonBase>
<ButtonBase <ButtonBase
@ -70,27 +63,17 @@ export const DesktopSideBar = ({
}} }}
> >
<IconWrapper <IconWrapper
<<<<<<< HEAD
=======
color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"} color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"}
>>>>>>> b721248 (Add themeSelector component)
label="Apps" label="Apps"
selected={isApps} selected={isApps}
disableWidth disableWidth
> >
<AppsIcon <AppsIcon
<<<<<<< HEAD
=======
color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"} color={isApps ? "white" : "rgba(250, 250, 250, 0.5)"}
>>>>>>> b721248 (Add themeSelector component)
height={30} height={30}
/> />
</IconWrapper> </IconWrapper>
</ButtonBase> </ButtonBase>
<<<<<<< HEAD
=======
>>>>>>> b721248 (Add themeSelector component)
<ButtonBase <ButtonBase
onClick={() => { onClick={() => {
setDesktopViewMode("chat"); setDesktopViewMode("chat");
@ -100,13 +83,7 @@ export const DesktopSideBar = ({
color={ color={
hasUnreadDirects || hasUnreadGroups hasUnreadDirects || hasUnreadGroups
? "var(--unread)" ? "var(--unread)"
<<<<<<< HEAD
: theme.palette.text.primary : theme.palette.text.primary
=======
: desktopViewMode === "chat"
? "white"
: "rgba(250, 250, 250, 0.5)"
>>>>>>> b721248 (Add themeSelector component)
} }
label="Chat" label="Chat"
disableWidth disableWidth
@ -116,13 +93,8 @@ export const DesktopSideBar = ({
color={ color={
hasUnreadDirects || hasUnreadGroups hasUnreadDirects || hasUnreadGroups
? "var(--unread)" ? "var(--unread)"
<<<<<<< HEAD
: theme.palette.text.primary : theme.palette.text.primary
======= ? "rgba(250, 250, 250, 0.5)"
: desktopViewMode === "chat"
? "white"
: "rgba(250, 250, 250, 0.5)"
>>>>>>> b721248 (Add themeSelector component)
} }
/> />
</IconWrapper> </IconWrapper>
@ -154,22 +126,13 @@ export const DesktopSideBar = ({
}} }}
> >
<IconWrapper <IconWrapper
<<<<<<< HEAD
=======
color={ color={
desktopViewMode === "dev" ? "white" : "rgba(250, 250, 250, 0.5)" desktopViewMode === "dev" ? "white" : "rgba(250, 250, 250, 0.5)"
} }
>>>>>>> b721248 (Add themeSelector component)
label="Dev" label="Dev"
disableWidth disableWidth
> >
<AppsIcon <AppsIcon
<<<<<<< HEAD
=======
color={
desktopViewMode === "dev" ? "white" : "rgba(250, 250, 250, 0.5)"
}
>>>>>>> b721248 (Add themeSelector component)
height={30} height={30}
/> />
</IconWrapper> </IconWrapper>