|
|
@@ -14,29 +14,53 @@ import { useStoreState } from "../store"; |
|
|
|
|
|
|
|
const SettingsPage: NextPage = () => { |
|
|
|
const email = useStoreState(s => s.auth.email); |
|
|
|
const domain = process.env.CUSTOM_DOMAIN_ENABLED; |
|
|
|
|
|
|
|
if (!domain) { |
|
|
|
return ( |
|
|
|
<AppWrapper> |
|
|
|
<Col width={600} maxWidth="90%" alignItems="flex-start" pb={80} mt={4}> |
|
|
|
<H1 alignItems="center" fontSize={[24, 28]} light> |
|
|
|
Welcome,{" "} |
|
|
|
<Span pb="2px" style={{ borderBottom: "2px dotted #999" }}> |
|
|
|
{email} |
|
|
|
</Span> |
|
|
|
. |
|
|
|
</H1> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsPassword /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsApi /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsDeleteAccount /> |
|
|
|
</Col> |
|
|
|
<Footer /> |
|
|
|
</AppWrapper> |
|
|
|
); |
|
|
|
} else { |
|
|
|
return ( |
|
|
|
<AppWrapper> |
|
|
|
<Col width={600} maxWidth="90%" alignItems="flex-start" pb={80} mt={4}> |
|
|
|
<H1 alignItems="center" fontSize={[24, 28]} light> |
|
|
|
Welcome,{" "} |
|
|
|
<Span pb="2px" style={{ borderBottom: "2px dotted #999" }}> |
|
|
|
{email} |
|
|
|
</Span> |
|
|
|
. |
|
|
|
</H1> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsDomain /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsPassword /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsApi /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsDeleteAccount /> |
|
|
|
</Col> |
|
|
|
<Footer /> |
|
|
|
</AppWrapper> |
|
|
|
); |
|
|
|
<AppWrapper> |
|
|
|
<Col width={600} maxWidth="90%" alignItems="flex-start" pb={80} mt={4}> |
|
|
|
<H1 alignItems="center" fontSize={[24, 28]} light> |
|
|
|
Welcome,{" "} |
|
|
|
<Span pb="2px" style={{ borderBottom: "2px dotted #999" }}> |
|
|
|
{email} |
|
|
|
</Span> |
|
|
|
. |
|
|
|
</H1> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsDomain /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsPassword /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsApi /> |
|
|
|
<Divider mt={4} mb={48} /> |
|
|
|
<SettingsDeleteAccount /> |
|
|
|
</Col> |
|
|
|
<Footer /> |
|
|
|
</AppWrapper> |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
export default SettingsPage; |