Mathis/lemma
1
0
Fork 0
mirror of https://github.com/lordmathis/lemma.git synced 2025-11-06 07:54:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update git settings layout

Browse Source
This commit is contained in:
Matúš Námešný
2024-10-11 20:02:00 +02:00
parent a8629bc793
commit d29732f5e9
1 changed files with 87 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
frontend/src/components/settings/GitSettings.js
View File

@@ -6,8 +6,8 @@ import {
Stack, Stack,
PasswordInput, PasswordInput,
Group, Group,
Box,
Title, Title,
Grid,
} from '@mantine/core'; } from '@mantine/core';
const GitSettings = ({ const GitSettings = ({
@@ -22,8 +22,12 @@ const GitSettings = ({
return ( return (
<Stack spacing="md"> <Stack spacing="md">
<Title order={3}>Git Integration</Title> <Title order={3}>Git Integration</Title>
<Group justify="space-between" align="center"> <Grid gutter="md" align="center">
<Grid.Col span={6}>
<Text size="sm">Enable Git</Text> <Text size="sm">Enable Git</Text>
</Grid.Col>
<Grid.Col span={6}>
<Group justify="flex-end">
<Switch <Switch
checked={gitEnabled} checked={gitEnabled}
onChange={(event) => onChange={(event) =>
@@ -31,10 +35,12 @@ const GitSettings = ({
} }
/> />
</Group> </Group>
<Box> </Grid.Col>
<Text size="sm" mb="xs">
Git URL <Grid.Col span={6}>
</Text> <Text size="sm">Git URL</Text>
</Grid.Col>
<Grid.Col span={6}>
<TextInput <TextInput
value={gitUrl} value={gitUrl}
onChange={(event) => onChange={(event) =>
@@ -43,11 +49,12 @@ const GitSettings = ({
disabled={!gitEnabled} disabled={!gitEnabled}
placeholder="Enter Git URL" placeholder="Enter Git URL"
/> />
</Box> </Grid.Col>
<Box>
<Text size="sm" mb="xs"> <Grid.Col span={6}>
Git Username <Text size="sm">Git Username</Text>
</Text> </Grid.Col>
<Grid.Col span={6}>
<TextInput <TextInput
value={gitUser} value={gitUser}
onChange={(event) => onChange={(event) =>
@@ -56,11 +63,12 @@ const GitSettings = ({
disabled={!gitEnabled} disabled={!gitEnabled}
placeholder="Enter Git username" placeholder="Enter Git username"
/> />
</Box> </Grid.Col>
<Box>
<Text size="sm" mb="xs"> <Grid.Col span={6}>
Git Token <Text size="sm">Git Token</Text>
</Text> </Grid.Col>
<Grid.Col span={6}>
<PasswordInput <PasswordInput
value={gitToken} value={gitToken}
onChange={(event) => onChange={(event) =>
@@ -69,9 +77,13 @@ const GitSettings = ({
disabled={!gitEnabled} disabled={!gitEnabled}
placeholder="Enter Git token" placeholder="Enter Git token"
/> />
</Box> </Grid.Col>
<Group justify="space-between" align="center">
<Grid.Col span={6}>
<Text size="sm">Auto Commit</Text> <Text size="sm">Auto Commit</Text>
</Grid.Col>
<Grid.Col span={6}>
<Group justify="flex-end">
<Switch <Switch
checked={gitAutoCommit} checked={gitAutoCommit}
onChange={(event) => onChange={(event) =>
@@ -80,10 +92,12 @@ const GitSettings = ({
disabled={!gitEnabled} disabled={!gitEnabled}
/> />
</Group> </Group>
<Box> </Grid.Col>
<Text size="sm" mb="xs">
Commit Message Template <Grid.Col span={6}>
</Text> <Text size="sm">Commit Message Template</Text>
</Grid.Col>
<Grid.Col span={6}>
<TextInput <TextInput
value={gitCommitMsgTemplate} value={gitCommitMsgTemplate}
onChange={(event) => onChange={(event) =>
@@ -92,7 +106,8 @@ const GitSettings = ({
disabled={!gitEnabled} disabled={!gitEnabled}
placeholder="Enter commit message template" placeholder="Enter commit message template"
/> />
</Box> </Grid.Col>
</Grid>
</Stack> </Stack>
); );
}; };