Updated login and layout pages.

This commit is contained in:
Mike Cao 2023-01-11 14:47:38 -08:00
parent 9d967fb0fe
commit 4f15c4f146
18 changed files with 103 additions and 106 deletions

View file

@ -1,4 +1,4 @@
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import { useIntl, defineMessages } from 'react-intl';
const messages = defineMessages({
@ -9,10 +9,10 @@ export default function Custom404() {
const { formatMessage } = useIntl();
return (
<Layout>
<AppLayout>
<div className="row justify-content-center">
<h1 style={{ textAlign: 'center' }}>{formatMessage(messages.notFound)}</h1>
</div>
</Layout>
</AppLayout>
);
}

View file

@ -1,18 +1,18 @@
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import TestConsole from 'components/pages/console/TestConsole';
import useRequireLogin from 'hooks/useRequireLogin';
import useUser from 'hooks/useUser';
export default function ConsolePage({ pageDisabled }) {
const { user } = useRequireLogin();
const { user } = useUser();
if (pageDisabled || !user || !user.isAdmin) {
return null;
}
return (
<Layout>
<AppLayout>
<TestConsole />
</Layout>
</AppLayout>
);
}

View file

@ -1,27 +1,10 @@
import { useRouter } from 'next/router';
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import Dashboard from 'components/pages/dashboard/Dashboard';
import useConfig from 'hooks/useConfig';
import useRequireLogin from 'hooks/useRequireLogin';
export default function DashboardPage() {
const {
query: { id },
isReady,
asPath,
} = useRouter();
const { user } = useRequireLogin();
const { adminDisabled } = useConfig();
if (adminDisabled || !user || !isReady) {
return null;
}
const userId = id?.[0];
return (
<Layout>
<Dashboard key={asPath} userId={user.id || userId} />
</Layout>
<AppLayout>
<Dashboard />
</AppLayout>
);
}

View file

@ -1,4 +1,4 @@
import Layout from 'components/layout/Layout';
import LoginLayout from 'components/pages/login/LoginLayout';
import LoginForm from 'components/pages/login/LoginForm';
export default function LoginPage({ pageDisabled }) {
@ -7,9 +7,9 @@ export default function LoginPage({ pageDisabled }) {
}
return (
<Layout title="login" header={false} footer={false} center>
<LoginLayout title="login">
<LoginForm />
</Layout>
</LoginLayout>
);
}

View file

@ -1,17 +1,10 @@
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import RealtimeDashboard from 'components/pages/realtime/RealtimeDashboard';
import useRequireLogin from 'hooks/useRequireLogin';
export default function RealtimePage() {
const { user } = useRequireLogin();
if (!user) {
return null;
}
return (
<Layout>
<AppLayout>
<RealtimeDashboard />
</Layout>
</AppLayout>
);
}

View file

@ -1,16 +1,7 @@
import SettingsLayout from 'components/pages/settings/SettingsLayout';
import useConfig from 'hooks/useConfig';
import useRequireLogin from 'hooks/useRequireLogin';
import WebsitesList from 'components/pages/settings/websites/WebsitesList';
export default function WebsitesPage() {
const { user } = useRequireLogin();
const { adminDisabled } = useConfig();
if (adminDisabled || !user) {
return null;
}
return (
<SettingsLayout>
<WebsitesList />

View file

@ -1,5 +1,5 @@
import { useRouter } from 'next/router';
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import WebsiteDetails from 'components/pages/websites/WebsiteDetails';
import useShareToken from 'hooks/useShareToken';
@ -14,8 +14,8 @@ export default function SharePage() {
}
return (
<Layout>
<AppLayout>
<WebsiteDetails websiteId={shareToken.websiteId} />
</Layout>
</AppLayout>
);
}

View file

@ -1,20 +1,18 @@
import { useRouter } from 'next/router';
import Layout from 'components/layout/Layout';
import AppLayout from 'components/layout/AppLayout';
import WebsiteDetails from 'components/pages/websites/WebsiteDetails';
import useRequireLogin from 'hooks/useRequireLogin';
export default function DetailsPage() {
const { user } = useRequireLogin();
const router = useRouter();
const { id } = router.query;
if (!id || !user) {
if (!id) {
return null;
}
return (
<Layout>
<AppLayout>
<WebsiteDetails websiteId={id} />
</Layout>
</AppLayout>
);
}