updated a lot of stuff
This commit is contained in:
fuomag9
@@ -1,29 +1,29 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { Box, Button, Card, CardContent, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Stack, TextField, Typography } from "@mui/material";
|
||||
import type { CloudflareSettings, GeneralSettings, OAuthSettings } from "@/src/lib/settings";
|
||||
import { useFormState } from "react-dom";
|
||||
import { Alert, Box, Button, Card, CardContent, Stack, TextField, Typography } from "@mui/material";
|
||||
import type { CloudflareSettings, GeneralSettings } from "@/src/lib/settings";
|
||||
import {
|
||||
updateCloudflareSettingsAction,
|
||||
updateGeneralSettingsAction,
|
||||
updateOAuthSettingsAction
|
||||
updateGeneralSettingsAction
|
||||
} from "./actions";
|
||||
|
||||
type Props = {
|
||||
general: GeneralSettings | null;
|
||||
oauth: OAuthSettings | null;
|
||||
cloudflare: CloudflareSettings | null;
|
||||
};
|
||||
|
||||
export default function SettingsClient({ general, oauth, cloudflare }: Props) {
|
||||
const [providerType, setProviderType] = useState<"authentik" | "generic">(oauth?.providerType || "authentik");
|
||||
export default function SettingsClient({ general, cloudflare }: Props) {
|
||||
const [generalState, generalFormAction] = useFormState(updateGeneralSettingsAction, null);
|
||||
const [cloudflareState, cloudflareFormAction] = useFormState(updateCloudflareSettingsAction, null);
|
||||
|
||||
return (
|
||||
<Stack spacing={4} sx={{ width: "100%" }}>
|
||||
<Stack spacing={1}>
|
||||
<Typography variant="h4" fontWeight={600}>
|
||||
Settings
|
||||
</Typography>
|
||||
<Typography color="text.secondary">Configure organization-wide defaults, authentication, and DNS automation.</Typography>
|
||||
<Typography color="text.secondary">Configure organization-wide defaults and DNS automation.</Typography>
|
||||
</Stack>
|
||||
|
||||
<Card>
|
||||
@@ -31,7 +31,12 @@ export default function SettingsClient({ general, oauth, cloudflare }: Props) {
|
||||
<Typography variant="h6" fontWeight={600} gutterBottom>
|
||||
General
|
||||
</Typography>
|
||||
<Stack component="form" action={updateGeneralSettingsAction} spacing={2}>
|
||||
<Stack component="form" action={generalFormAction} spacing={2}>
|
||||
{generalState?.message && (
|
||||
<Alert severity={generalState.success ? "success" : "error"}>
|
||||
{generalState.message}
|
||||
</Alert>
|
||||
)}
|
||||
<TextField
|
||||
name="primaryDomain"
|
||||
label="Primary domain"
|
||||
@@ -55,67 +60,6 @@ export default function SettingsClient({ general, oauth, cloudflare }: Props) {
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
<CardContent>
|
||||
<Typography variant="h6" fontWeight={600} gutterBottom>
|
||||
OAuth2/OIDC Authentication
|
||||
</Typography>
|
||||
<Typography color="text.secondary" variant="body2" sx={{ mb: 2 }}>
|
||||
Provide the OAuth 2.0/OIDC endpoints and client credentials issued by your identity provider. Scopes should include profile and
|
||||
email data.
|
||||
</Typography>
|
||||
<Stack component="form" action={updateOAuthSettingsAction} spacing={2}>
|
||||
<FormControl component="fieldset">
|
||||
<FormLabel component="legend" sx={{ mb: 1 }}>Provider Type</FormLabel>
|
||||
<RadioGroup
|
||||
row
|
||||
name="providerType"
|
||||
value={providerType}
|
||||
onChange={(e) => setProviderType(e.target.value as "authentik" | "generic")}
|
||||
>
|
||||
<FormControlLabel value="authentik" control={<Radio />} label="Authentik (OIDC)" />
|
||||
<FormControlLabel value="generic" control={<Radio />} label="Generic OAuth2" />
|
||||
</RadioGroup>
|
||||
</FormControl>
|
||||
|
||||
{providerType === "authentik" ? (
|
||||
<>
|
||||
<TextField
|
||||
name="authorizationUrl"
|
||||
label="Authorization URL"
|
||||
defaultValue={oauth?.authorizationUrl ?? ""}
|
||||
helperText="Other endpoints will be auto-discovered from the OIDC issuer"
|
||||
required
|
||||
fullWidth
|
||||
/>
|
||||
<TextField name="clientId" label="Client ID" defaultValue={oauth?.clientId ?? ""} required fullWidth />
|
||||
<TextField name="clientSecret" label="Client secret" defaultValue={oauth?.clientSecret ?? ""} required fullWidth type="password" />
|
||||
<TextField name="scopes" label="Scopes" defaultValue={oauth?.scopes ?? "openid email profile"} fullWidth />
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<TextField name="authorizationUrl" label="Authorization URL" defaultValue={oauth?.authorizationUrl ?? ""} required fullWidth />
|
||||
<TextField name="tokenUrl" label="Token URL" defaultValue={oauth?.tokenUrl ?? ""} required fullWidth />
|
||||
<TextField name="userInfoUrl" label="User info URL" defaultValue={oauth?.userInfoUrl ?? ""} required fullWidth />
|
||||
<TextField name="clientId" label="Client ID" defaultValue={oauth?.clientId ?? ""} required fullWidth />
|
||||
<TextField name="clientSecret" label="Client secret" defaultValue={oauth?.clientSecret ?? ""} required fullWidth type="password" />
|
||||
<TextField name="scopes" label="Scopes" defaultValue={oauth?.scopes ?? "openid email profile"} fullWidth />
|
||||
<Stack direction={{ xs: "column", sm: "row" }} spacing={2}>
|
||||
<TextField name="emailClaim" label="Email claim" defaultValue={oauth?.emailClaim ?? "email"} fullWidth />
|
||||
<TextField name="nameClaim" label="Name claim" defaultValue={oauth?.nameClaim ?? "name"} fullWidth />
|
||||
<TextField name="avatarClaim" label="Avatar claim" defaultValue={oauth?.avatarClaim ?? "picture"} fullWidth />
|
||||
</Stack>
|
||||
</>
|
||||
)}
|
||||
<Box sx={{ display: "flex", justifyContent: "flex-end" }}>
|
||||
<Button type="submit" variant="contained">
|
||||
Save OAuth settings
|
||||
</Button>
|
||||
</Box>
|
||||
</Stack>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
<CardContent>
|
||||
<Typography variant="h6" fontWeight={600} gutterBottom>
|
||||
@@ -124,7 +68,12 @@ export default function SettingsClient({ general, oauth, cloudflare }: Props) {
|
||||
<Typography color="text.secondary" variant="body2" sx={{ mb: 2 }}>
|
||||
Configure a Cloudflare API token with Zone.DNS Edit permissions to enable DNS-01 challenges for wildcard certificates.
|
||||
</Typography>
|
||||
<Stack component="form" action={updateCloudflareSettingsAction} spacing={2}>
|
||||
<Stack component="form" action={cloudflareFormAction} spacing={2}>
|
||||
{cloudflareState?.message && (
|
||||
<Alert severity={cloudflareState.success ? "success" : "warning"}>
|
||||
{cloudflareState.message}
|
||||
</Alert>
|
||||
)}
|
||||
<TextField name="apiToken" label="API token" defaultValue={cloudflare?.apiToken ?? ""} fullWidth />
|
||||
<TextField name="zoneId" label="Zone ID" defaultValue={cloudflare?.zoneId ?? ""} fullWidth />
|
||||
<TextField name="accountId" label="Account ID" defaultValue={cloudflare?.accountId ?? ""} fullWidth />
|
||||
|
||||
Reference in New Issue
Block a user