URL filter functionality.

This commit is contained in:
Mike Cao 2020-09-25 22:31:18 -07:00
parent 6bc371352c
commit 4fded49b03
27 changed files with 251 additions and 117 deletions

View file

@ -42,14 +42,10 @@ export default function AccountSettings() {
row.username !== 'admin' ? (
<ButtonLayout align="right">
<Button icon={<Pen />} size="small" onClick={() => setEditAccount(row)}>
<div>
<FormattedMessage id="button.edit" defaultMessage="Edit" />
</div>
<FormattedMessage id="button.edit" defaultMessage="Edit" />
</Button>
<Button icon={<Trash />} size="small" onClick={() => setDeleteAccount(row)}>
<div>
<FormattedMessage id="button.delete" defaultMessage="Delete" />
</div>
<FormattedMessage id="button.delete" defaultMessage="Delete" />
</Button>
</ButtonLayout>
) : null;
@ -102,9 +98,7 @@ export default function AccountSettings() {
<FormattedMessage id="label.accounts" defaultMessage="Accounts" />
</div>
<Button icon={<Plus />} size="small" onClick={() => setAddAccount(true)}>
<div>
<FormattedMessage id="button.add-account" defaultMessage="Add account" />
</div>
<FormattedMessage id="button.add-account" defaultMessage="Add account" />
</Button>
</PageHeader>
<Table columns={columns} rows={data} />

View file

@ -29,9 +29,7 @@ export default function ProfileSettings() {
<FormattedMessage id="label.profile" defaultMessage="Profile" />
</div>
<Button icon={<Dots />} size="small" onClick={() => setChangePassword(true)}>
<div>
<FormattedMessage id="button.change-password" defaultMessage="Change password" />
</div>
<FormattedMessage id="button.change-password" defaultMessage="Change password" />
</Button>
</PageHeader>
<dl className={styles.list}>

View file

@ -1,6 +1,5 @@
import React from 'react';
import { useTransition, animated } from 'react-spring';
import Button from 'components/common/Button';
import useTheme from 'hooks/useTheme';
import Sun from 'assets/sun.svg';
import Moon from 'assets/moon.svg';
@ -27,7 +26,7 @@ export default function ThemeButton() {
}
return (
<Button className={styles.button} variant="light" onClick={handleClick}>
<div className={styles.button} onClick={handleClick}>
{transitions.map(({ item, key, props }) =>
item === 'light' ? (
<animated.div key={key} style={props}>
@ -39,6 +38,6 @@ export default function ThemeButton() {
</animated.div>
),
)}
</Button>
</div>
);
}

View file

@ -1,5 +1,10 @@
.button {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.button svg {

View file

@ -52,14 +52,10 @@ export default function WebsiteSettings() {
onClick={() => setShowCode(row)}
/>
<Button icon={<Pen />} size="small" onClick={() => setEditWebsite(row)}>
<div>
<FormattedMessage id="button.edit" defaultMessage="Edit" />
</div>
<FormattedMessage id="button.edit" defaultMessage="Edit" />
</Button>
<Button icon={<Trash />} size="small" onClick={() => setDeleteWebsite(row)}>
<div>
<FormattedMessage id="button.delete" defaultMessage="Delete" />
</div>
<FormattedMessage id="button.delete" defaultMessage="Delete" />
</Button>
</ButtonLayout>
);
@ -117,9 +113,7 @@ export default function WebsiteSettings() {
}
>
<Button icon={<Plus />} size="medium" onClick={() => setAddWebsite(true)}>
<div>
<FormattedMessage id="button.add-website" defaultMessage="Add website" />
</div>
<FormattedMessage id="button.add-website" defaultMessage="Add website" />
</Button>
</EmptyPlaceholder>
);
@ -131,9 +125,7 @@ export default function WebsiteSettings() {
<FormattedMessage id="label.websites" defaultMessage="Websites" />
</div>
<Button icon={<Plus />} size="small" onClick={() => setAddWebsite(true)}>
<div>
<FormattedMessage id="button.add-website" defaultMessage="Add website" />
</div>
<FormattedMessage id="button.add-website" defaultMessage="Add website" />
</Button>
</PageHeader>
<Table columns={columns} rows={data} empty={empty} />