mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-04-23 19:37:52 +00:00
Merge remote-tracking branch 'qortal/feature/initial-conversion' into feature/initial-conversion
This commit is contained in:
commit
e8d0c81996
151
src/App.tsx
151
src/App.tsx
@ -1547,6 +1547,25 @@ function App() {
|
|||||||
{!isMobile && (
|
{!isMobile && (
|
||||||
<>
|
<>
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>LOG OUT</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
src={Logout}
|
src={Logout}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
@ -1559,6 +1578,7 @@ function App() {
|
|||||||
height: 'auto'
|
height: 'auto'
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
</Tooltip>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
@ -1567,15 +1587,54 @@ function App() {
|
|||||||
onClick={() => {
|
onClick={() => {
|
||||||
setIsSettingsOpen(true);
|
setIsSettingsOpen(true);
|
||||||
}}
|
}}
|
||||||
|
>
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>SETTINGS</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<SettingsIcon
|
<SettingsIcon
|
||||||
sx={{
|
sx={{
|
||||||
color: "rgba(255, 255, 255, 0.5)",
|
color: "rgba(255, 255, 255, 0.5)",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
{authenticatedMode === "qort" && (
|
{authenticatedMode === "qort" && (
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>LITECOIN WALLET</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setAuthenticatedMode("ltc");
|
setAuthenticatedMode("ltc");
|
||||||
@ -1587,8 +1646,28 @@ function App() {
|
|||||||
height: "auto",
|
height: "auto",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
{authenticatedMode === "ltc" && (
|
{authenticatedMode === "ltc" && (
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>QORTAL WALLET</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setAuthenticatedMode("qort");
|
setAuthenticatedMode("qort");
|
||||||
@ -1600,6 +1679,7 @@ function App() {
|
|||||||
height: "auto",
|
height: "auto",
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
<CoreSyncStatus />
|
<CoreSyncStatus />
|
||||||
@ -1661,30 +1741,82 @@ function App() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
}}>
|
}}>
|
||||||
<EngineeringIcon sx={{
|
<Tooltip
|
||||||
color: 'var(--unread)'
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>MINTING STATUS</span>}
|
||||||
}} />
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<EngineeringIcon sx={{ color: 'var(--unread)' }} />
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
|
|
||||||
|
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
{(desktopViewMode === "apps" || desktopViewMode === "home") && (
|
{(desktopViewMode === "apps" || desktopViewMode === "home") && (
|
||||||
<ButtonBase onClick={()=> {
|
<ButtonBase onClick={()=> {
|
||||||
if(desktopViewMode === "apps"){
|
if(desktopViewMode === "apps"){
|
||||||
showTutorial('qapps', true)
|
showTutorial('qapps', true)
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
showTutorial('getting-started', true)
|
showTutorial('getting-started', true)
|
||||||
|
|
||||||
}
|
}
|
||||||
}} >
|
}} >
|
||||||
<HelpIcon sx={{
|
<Tooltip
|
||||||
color: 'var(--unread)'
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>TUTORIAL</span>}
|
||||||
}} />
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<HelpIcon sx={{ color: 'var(--unread)' }} />
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Spacer height="20px" />
|
<Spacer height="20px" />
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>BACKUP WALLET</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<img
|
<img
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setExtstate("download-wallet");
|
setExtstate("download-wallet");
|
||||||
@ -1696,6 +1828,7 @@ function App() {
|
|||||||
width: '20px'
|
width: '20px'
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
</Tooltip>
|
||||||
<Spacer height="40px" />
|
<Spacer height="40px" />
|
||||||
</Box>
|
</Box>
|
||||||
</AuthenticatedContainerInnerRight>
|
</AuthenticatedContainerInnerRight>
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import {
|
|||||||
MenuItem,
|
MenuItem,
|
||||||
Select,
|
Select,
|
||||||
Typography,
|
Typography,
|
||||||
|
Tooltip
|
||||||
} from "@mui/material";
|
} from "@mui/material";
|
||||||
import React, { useEffect, useMemo, useRef, useState } from "react";
|
import React, { useEffect, useMemo, useRef, useState } from "react";
|
||||||
import SearchIcon from "@mui/icons-material/Search";
|
import SearchIcon from "@mui/icons-material/Search";
|
||||||
@ -575,7 +576,27 @@ export const ChatOptions = ({ messages : untransformedMessages, goToMessage, mem
|
|||||||
<ButtonBase onClick={() => {
|
<ButtonBase onClick={() => {
|
||||||
setMode("search")
|
setMode("search")
|
||||||
}}>
|
}}>
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>SEARCH</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<SearchIcon />
|
<SearchIcon />
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
<ButtonBase onClick={() => {
|
<ButtonBase onClick={() => {
|
||||||
setMode("default")
|
setMode("default")
|
||||||
@ -583,9 +604,27 @@ export const ChatOptions = ({ messages : untransformedMessages, goToMessage, mem
|
|||||||
setSelectedMember(0)
|
setSelectedMember(0)
|
||||||
openQManager()
|
openQManager()
|
||||||
}}>
|
}}>
|
||||||
<InsertLinkIcon sx={{
|
<Tooltip
|
||||||
color: 'white'
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>Q-MANAGER</span>}
|
||||||
}} />
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<InsertLinkIcon sx={{ color: 'white' }} />
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
<ContextMenuMentions getTimestampMention={getTimestampMention} groupId={selectedGroup}>
|
<ContextMenuMentions getTimestampMention={getTimestampMention} groupId={selectedGroup}>
|
||||||
<ButtonBase onClick={() => {
|
<ButtonBase onClick={() => {
|
||||||
@ -593,9 +632,29 @@ export const ChatOptions = ({ messages : untransformedMessages, goToMessage, mem
|
|||||||
setSearchValue('')
|
setSearchValue('')
|
||||||
setSelectedMember(0)
|
setSelectedMember(0)
|
||||||
}}>
|
}}>
|
||||||
|
<Tooltip
|
||||||
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>MENTIONED</span>}
|
||||||
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
<AlternateEmailIcon sx={{
|
<AlternateEmailIcon sx={{
|
||||||
color: mentionList?.length > 0 && (!lastMentionTimestamp || lastMentionTimestamp < mentionList[0]?.timestamp) ? 'var(--unread)' : 'white'
|
color: mentionList?.length > 0 && (!lastMentionTimestamp || lastMentionTimestamp < mentionList[0]?.timestamp) ? 'var(--unread)' : 'white'
|
||||||
}} />
|
}} />
|
||||||
|
</Tooltip>
|
||||||
</ButtonBase>
|
</ButtonBase>
|
||||||
|
|
||||||
</ContextMenuMentions>
|
</ContextMenuMentions>
|
||||||
|
|||||||
@ -3,7 +3,7 @@ import QMailLogo from '../assets/QMailLogo.png'
|
|||||||
import { useRecoilState } from 'recoil'
|
import { useRecoilState } from 'recoil'
|
||||||
import { mailsAtom, qMailLastEnteredTimestampAtom } from '../atoms/global'
|
import { mailsAtom, qMailLastEnteredTimestampAtom } from '../atoms/global'
|
||||||
import { isLessThanOneWeekOld } from './Group/QMailMessages'
|
import { isLessThanOneWeekOld } from './Group/QMailMessages'
|
||||||
import { ButtonBase } from '@mui/material'
|
import { ButtonBase, Tooltip } from '@mui/material'
|
||||||
import { executeEvent } from '../utils/events'
|
import { executeEvent } from '../utils/events'
|
||||||
export const QMailStatus = () => {
|
export const QMailStatus = () => {
|
||||||
const [lastEnteredTimestamp, setLastEnteredTimestamp] = useRecoilState(qMailLastEnteredTimestampAtom)
|
const [lastEnteredTimestamp, setLastEnteredTimestamp] = useRecoilState(qMailLastEnteredTimestampAtom)
|
||||||
@ -23,7 +23,8 @@ export const QMailStatus = () => {
|
|||||||
setLastEnteredTimestamp(Date.now())
|
setLastEnteredTimestamp(Date.now())
|
||||||
}} style={{
|
}} style={{
|
||||||
position: 'relative'
|
position: 'relative'
|
||||||
}}>{hasNewMail && (
|
}}>
|
||||||
|
{hasNewMail && (
|
||||||
<div style={{
|
<div style={{
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
@ -35,9 +36,28 @@ export const QMailStatus = () => {
|
|||||||
borderRadius: '50%',
|
borderRadius: '50%',
|
||||||
outline: '1px solid white'
|
outline: '1px solid white'
|
||||||
}} />
|
}} />
|
||||||
)}<img style={{
|
)}
|
||||||
width: '24px',
|
<Tooltip
|
||||||
height: 'auto'
|
title={<span style={{ color: "white", fontSize: "14px", fontWeight: 700 }}>Q-MAIL</span>}
|
||||||
}} src={QMailLogo} /></ButtonBase>
|
placement="left"
|
||||||
|
arrow
|
||||||
|
sx={{ fontSize: "24" }}
|
||||||
|
slotProps={{
|
||||||
|
tooltip: {
|
||||||
|
sx: {
|
||||||
|
color: "#ffffff",
|
||||||
|
backgroundColor: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
arrow: {
|
||||||
|
sx: {
|
||||||
|
color: "#444444",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<img style={{ width: '24px', height: 'auto' }} src={QMailLogo} />
|
||||||
|
</Tooltip>
|
||||||
|
</ButtonBase>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user