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

159
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,77 +22,92 @@ 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">
<Text size="sm">Enable Git</Text> <Grid.Col span={6}>
<Switch <Text size="sm">Enable Git</Text>
checked={gitEnabled} </Grid.Col>
onChange={(event) => <Grid.Col span={6}>
onInputChange('gitEnabled', event.currentTarget.checked) <Group justify="flex-end">
} <Switch
/> checked={gitEnabled}
</Group> onChange={(event) =>
<Box> onInputChange('gitEnabled', event.currentTarget.checked)
<Text size="sm" mb="xs"> }
Git URL />
</Text> </Group>
<TextInput </Grid.Col>
value={gitUrl}
onChange={(event) => <Grid.Col span={6}>
onInputChange('gitUrl', event.currentTarget.value) <Text size="sm">Git URL</Text>
} </Grid.Col>
disabled={!gitEnabled} <Grid.Col span={6}>
placeholder="Enter Git URL" <TextInput
/> value={gitUrl}
</Box> onChange={(event) =>
<Box> onInputChange('gitUrl', event.currentTarget.value)
<Text size="sm" mb="xs"> }
Git Username disabled={!gitEnabled}
</Text> placeholder="Enter Git URL"
<TextInput />
value={gitUser} </Grid.Col>
onChange={(event) =>
onInputChange('gitUser', event.currentTarget.value) <Grid.Col span={6}>
} <Text size="sm">Git Username</Text>
disabled={!gitEnabled} </Grid.Col>
placeholder="Enter Git username" <Grid.Col span={6}>
/> <TextInput
</Box> value={gitUser}
<Box> onChange={(event) =>
<Text size="sm" mb="xs"> onInputChange('gitUser', event.currentTarget.value)
Git Token }
</Text> disabled={!gitEnabled}
<PasswordInput placeholder="Enter Git username"
value={gitToken} />
onChange={(event) => </Grid.Col>
onInputChange('gitToken', event.currentTarget.value)
} <Grid.Col span={6}>
disabled={!gitEnabled} <Text size="sm">Git Token</Text>
placeholder="Enter Git token" </Grid.Col>
/> <Grid.Col span={6}>
</Box> <PasswordInput
<Group justify="space-between" align="center"> value={gitToken}
<Text size="sm">Auto Commit</Text> onChange={(event) =>
<Switch onInputChange('gitToken', event.currentTarget.value)
checked={gitAutoCommit} }
onChange={(event) => disabled={!gitEnabled}
onInputChange('gitAutoCommit', event.currentTarget.checked) placeholder="Enter Git token"
} />
disabled={!gitEnabled} </Grid.Col>
/>
</Group> <Grid.Col span={6}>
<Box> <Text size="sm">Auto Commit</Text>
<Text size="sm" mb="xs"> </Grid.Col>
Commit Message Template <Grid.Col span={6}>
</Text> <Group justify="flex-end">
<TextInput <Switch
value={gitCommitMsgTemplate} checked={gitAutoCommit}
onChange={(event) => onChange={(event) =>
onInputChange('gitCommitMsgTemplate', event.currentTarget.value) onInputChange('gitAutoCommit', event.currentTarget.checked)
} }
disabled={!gitEnabled} disabled={!gitEnabled}
placeholder="Enter commit message template" />
/> </Group>
</Box> </Grid.Col>
<Grid.Col span={6}>
<Text size="sm">Commit Message Template</Text>
</Grid.Col>
<Grid.Col span={6}>
<TextInput
value={gitCommitMsgTemplate}
onChange={(event) =>
onInputChange('gitCommitMsgTemplate', event.currentTarget.value)
}
disabled={!gitEnabled}
placeholder="Enter commit message template"
/>
</Grid.Col>
</Grid>
</Stack> </Stack>
); );
}; };