External/domain-watchdog
1
0
Fork 0
mirror of https://github.com/maelgangloff/domain-watchdog.git synced 2025-12-29 16:15:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: dismiss login alert

Browse Source
This commit is contained in:
Maël Gangloff
2025-12-10 14:49:40 +01:00
parent dcf66b8301
commit 34f01a0019
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/App.tsx
View File

@@ -75,8 +75,9 @@ export default function App(): React.ReactElement {
const [sidebarCollapsed, setSidebarCollapsed] = useState(false)
const [isAuthenticated, setIsAuthenticated] = useState<boolean | undefined>(undefined)
const [configuration, setConfiguration] = useState<InstanceConfig | undefined>(undefined)
const [darkMode, setDarkMode] = useState(false)
const [dismissLoginAlert, setDismissLoginAlert] = useState(() => localStorage.getItem('dismiss-login-alert') === 'true')
const windowQuery = window.matchMedia('(prefers-color-scheme:dark)')
const [messageApi, contextHolder] = message.useMessage()
@@ -101,6 +102,8 @@ export default function App(): React.ReactElement {
}
}, [windowQuery, darkModeChange])
useEffect(() => localStorage.setItem('dismiss-login-alert', dismissLoginAlert.toString()), [dismissLoginAlert])
useEffect(() => {
setDarkMode(windowQuery.matches)
getConfiguration().then(configuration => {
@@ -126,11 +129,12 @@ export default function App(): React.ReactElement {
>
<ConfigurationContext.Provider value={configContextValue}>
<AuthenticatedContext.Provider value={authContextValue}>
{(configuration?.registerEnabled || configuration?.ssoLogin) && isAuthenticated === false && !['/login', '/home'].includes(location.pathname) &&
{!dismissLoginAlert && (configuration?.registerEnabled || configuration?.ssoLogin) && isAuthenticated === false && !['/login'].includes(location.pathname) &&
<Alert
type="warning"
message={t`Please log in to access all features, monitor domains, and manage your Connectors.`}
action={<Link to='/login'><Button>{t`Log in`}</Button></Link>}
onClose={() => setDismissLoginAlert(true)}
banner closable/>
}
<Layout hasSider style={{minHeight: '100vh'}}>