ambiser
/
umami
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix naming issues.

pull/1713/head
Brian Cao 2022-12-26 12:47:03 -08:00
parent 4451fc5982
commit b9fcab0597
5 changed files with 24 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/forms/UserDeleteForm.js
View File

@ -6,7 +6,7 @@ import styles from './Form.module.css';
const CONFIRM_VALUE = 'DELETE'; const CONFIRM_VALUE = 'DELETE';
export default function WebsiteDeleteForm({ userId, onSave, onClose }) { export default function UserDeleteForm({ userId, onSave, onClose }) {
const { del } = useApi(getAuthToken()); const { del } = useApi(getAuthToken());
const { mutate, error, isLoading } = useMutation(data => del(`/users/${userId}`, data)); const { mutate, error, isLoading } = useMutation(data => del(`/users/${userId}`, data));

42
components/forms/UserEditForm.js
View File

@ -41,27 +41,25 @@ export default function UserEditForm({ data, onSave }) {
}; };
return ( return (
<> <Form
<Form key={id}
key={id} className={styles.form}
className={styles.form} ref={ref}
ref={ref} onSubmit={handleSubmit}
onSubmit={handleSubmit} error={error}
error={error} values={data}
values={data} >
> <FormInput name="username" label="Username">
<FormInput name="username" label="Username"> <TextField />
<TextField /> </FormInput>
</FormInput> <FormInput name="role" label="Role">
<FormInput name="role" label="Role"> <Dropdown items={items} style={{ width: 200 }}>
<Dropdown items={items} style={{ width: 200 }}> {({ value, label }) => <Item key={value}>{label}</Item>}
{({ value, label }) => <Item key={value}>{label}</Item>} </Dropdown>
</Dropdown> </FormInput>
</FormInput> <FormButtons>
<FormButtons> <SubmitButton variant="primary">Save</SubmitButton>
<SubmitButton variant="primary">Save</SubmitButton> </FormButtons>
</FormButtons> </Form>
</Form>
</>
); );
} }

7
components/forms/WebsiteEditForm.module.css
View File

@ -1,7 +0,0 @@
.copy {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
flex: 1;
}

2
components/forms/UserDelete.js → components/pages/UserDelete.js
View File

@ -3,7 +3,7 @@ import { useRouter } from 'next/router';
import { useState } from 'react'; import { useState } from 'react';
import { Button, Form, FormRow, Modal } from 'react-basics'; import { Button, Form, FormRow, Modal } from 'react-basics';
export default function WebsiteReset({ userId, onSave }) { export default function UserDelete({ userId, onSave }) {
const [modal, setModal] = useState(null); const [modal, setModal] = useState(null);
const router = useRouter(); const router = useRouter();

4
components/pages/UserSettings.js
View File

@ -1,5 +1,5 @@
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import UserDelete from 'components/forms/UserDelete'; import UserDelete from 'components/pages/UserDelete';
import UserEditForm from 'components/forms/UserEditForm'; import UserEditForm from 'components/forms/UserEditForm';
import UserPasswordForm from 'components/forms/UserPasswordForm'; import UserPasswordForm from 'components/forms/UserPasswordForm';
import Page from 'components/layout/Page'; import Page from 'components/layout/Page';
@ -11,7 +11,7 @@ import { useRouter } from 'next/router';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Breadcrumbs, Item, Tabs, useToast } from 'react-basics'; import { Breadcrumbs, Item, Tabs, useToast } from 'react-basics';
export default function UserDetails({ userId }) { export default function UserSettings({ userId }) {
const [values, setValues] = useState(null); const [values, setValues] = useState(null);
const [tab, setTab] = useState('general'); const [tab, setTab] = useState('general');
const { get } = useApi(getAuthToken()); const { get } = useApi(getAuthToken());