Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-29 00:20:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: fix logged in status alignment

Browse Source
This commit is contained in:
Abdullah Atta
2023-11-25 11:26:19 +05:00
parent 50137e0994
commit 170b2b24ab
1 changed files with 25 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
apps/web/src/components/status-bar/index.tsx
View File

@@ -34,7 +34,7 @@ import {
import { useStore as useUserStore } from "../../stores/user-store";
import { useStore as useAppStore } from "../../stores/app-store";
import TimeAgo from "../time-ago";
import { hardNavigate, hashNavigate, navigate } from "../../navigation";
import { hardNavigate, hashNavigate } from "../../navigation";
import { useAutoUpdater, UpdateStatus } from "../../hooks/use-auto-updater";
import {
showIssueDialog,
@@ -67,39 +67,33 @@ function StatusBar() {
{isFocusMode ? (
<Flex />
) : (
<Flex>
<Flex sx={{ gap: 1 }}>
{isLoggedIn ? (
<>
<Button
onClick={() =>
user?.isEmailConfirmed
? navigate("/settings")
: hashNavigate("/email/verify")
}
variant="statusitem"
sx={{
alignItems: "center",
justifyContent: "center",
display: "flex"
}}
>
<Circle
size={7}
color={
user?.isEmailConfirmed
? "var(--icon-success)"
: "var(--icon-error)"
}
/>
<Text
className="selectable"
variant="subBody"
ml={1}
sx={{ color: "paragraph" }}
{user?.isEmailConfirmed ? (
<Circle size={7} color={"var(--icon-success)"} />
) : (
<Button
onClick={() => hashNavigate("/email/verify")}
variant="statusitem"
sx={{
alignItems: "center",
justifyContent: "center",
display: "flex",
height: "100%"
}}
>
{user?.isEmailConfirmed ? "" : "Email not confirmed"}
</Text>
</Button>
<Circle size={7} color={"var(--icon-error)"} />
<Text
className="selectable"
variant="subBody"
ml={1}
sx={{ color: "paragraph" }}
>
Email not confirmed
</Text>
</Button>
)}
<SyncStatus />
</>