mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-02 19:01:40 +00:00
disable single attribute per line
This commit is contained in:
parent
92ed8e20c9
commit
8b141d652c
154 changed files with 390 additions and 1800 deletions
|
|
@ -13,15 +13,8 @@ interface ActionRequiredContainerProps {
|
|||
export const ActionRequiredContainer = ({ children, title }: ActionRequiredContainerProps) => (
|
||||
<Stack style={{ cursor: 'default', maxWidth: '700px' }}>
|
||||
<Group>
|
||||
<Icon
|
||||
fill="warn"
|
||||
icon="warn"
|
||||
size="lg"
|
||||
/>
|
||||
<Text
|
||||
size="xl"
|
||||
style={{ textTransform: 'uppercase' }}
|
||||
>
|
||||
<Icon fill="warn" icon="warn" size="lg" />
|
||||
<Text size="xl" style={{ textTransform: 'uppercase' }}>
|
||||
{title}
|
||||
</Text>
|
||||
</Group>
|
||||
|
|
|
|||
|
|
@ -21,18 +21,11 @@ export const ErrorFallback = ({ resetErrorBoundary }: FallbackProps) => {
|
|||
<Center style={{ height: '100vh' }}>
|
||||
<Stack style={{ maxWidth: '50%' }}>
|
||||
<Group gap="xs">
|
||||
<Icon
|
||||
fill="error"
|
||||
icon="error"
|
||||
size="lg"
|
||||
/>
|
||||
<Icon fill="error" icon="error" size="lg" />
|
||||
<Text size="lg">{t('error.genericError')}</Text>
|
||||
</Group>
|
||||
<Text>{error?.message}</Text>
|
||||
<Button
|
||||
onClick={resetErrorBoundary}
|
||||
variant="filled"
|
||||
>
|
||||
<Button onClick={resetErrorBoundary} variant="filled">
|
||||
{t('common.reload')}
|
||||
</Button>
|
||||
</Stack>
|
||||
|
|
|
|||
|
|
@ -43,18 +43,11 @@ export const MpvRequired = () => {
|
|||
<Text>Set your MPV executable location below and restart the application.</Text>
|
||||
<Text>
|
||||
MPV is available at the following:{' '}
|
||||
<a
|
||||
href="https://mpv.io/installation/"
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
<a href="https://mpv.io/installation/" rel="noreferrer" target="_blank">
|
||||
https://mpv.io/
|
||||
</a>
|
||||
</Text>
|
||||
<FileInput
|
||||
disabled={disabled}
|
||||
onChange={handleSetMpvPath}
|
||||
/>
|
||||
<FileInput disabled={disabled} onChange={handleSetMpvPath} />
|
||||
<Text>{t('setting.disable_mpv', { context: 'description' })}</Text>
|
||||
<Checkbox
|
||||
label={t('setting.disableMpv')}
|
||||
|
|
|
|||
|
|
@ -42,19 +42,12 @@ const RouteErrorBoundary = () => {
|
|||
px={10}
|
||||
variant="subtle"
|
||||
/>
|
||||
<Icon
|
||||
fill="error"
|
||||
icon="error"
|
||||
size="lg"
|
||||
/>
|
||||
<Icon fill="error" icon="error" size="lg" />
|
||||
<Text size="lg">{t('error.genericError')}</Text>
|
||||
</Group>
|
||||
<Divider my={5} />
|
||||
<Text size="sm">{error?.message}</Text>
|
||||
<Group
|
||||
gap="sm"
|
||||
grow
|
||||
>
|
||||
<Group gap="sm" grow>
|
||||
<Button
|
||||
leftSection={<Icon icon="home" />}
|
||||
onClick={handleHome}
|
||||
|
|
@ -81,11 +74,7 @@ const RouteErrorBoundary = () => {
|
|||
</DropdownMenu>
|
||||
</Group>
|
||||
<Group grow>
|
||||
<Button
|
||||
onClick={handleReload}
|
||||
size="md"
|
||||
variant="filled"
|
||||
>
|
||||
<Button onClick={handleReload} size="md" variant="filled">
|
||||
{t('common.reload')}
|
||||
</Button>
|
||||
</Group>
|
||||
|
|
|
|||
|
|
@ -132,10 +132,7 @@ function ServerSelector() {
|
|||
}}
|
||||
variant={server.id === currentServer?.id ? 'filled' : 'default'}
|
||||
>
|
||||
<Group
|
||||
justify="space-between"
|
||||
w="100%"
|
||||
>
|
||||
<Group justify="space-between" w="100%">
|
||||
<Group>
|
||||
<img
|
||||
src={logo}
|
||||
|
|
@ -144,10 +141,7 @@ function ServerSelector() {
|
|||
width: 'var(--theme-font-size-2xl)',
|
||||
}}
|
||||
/>
|
||||
<Text
|
||||
fw={600}
|
||||
size="lg"
|
||||
>
|
||||
<Text fw={600} size="lg">
|
||||
{server.name}
|
||||
</Text>
|
||||
</Group>
|
||||
|
|
|
|||
|
|
@ -49,10 +49,7 @@ const ActionRequiredRoute = () => {
|
|||
<AnimatedPage>
|
||||
<PageHeader />
|
||||
<Center style={{ height: '100%', width: '100vw' }}>
|
||||
<Stack
|
||||
gap="xl"
|
||||
style={{ maxWidth: '50%' }}
|
||||
>
|
||||
<Stack gap="xl" style={{ maxWidth: '50%' }}>
|
||||
<Group wrap="nowrap">
|
||||
{displayedCheck && (
|
||||
<ActionRequiredContainer title={displayedCheck.title}>
|
||||
|
|
@ -64,10 +61,7 @@ const ActionRequiredRoute = () => {
|
|||
{canReturnHome && <Navigate to={AppRoute.HOME} />}
|
||||
{/* This should be displayed if a credential is required */}
|
||||
{isCredentialRequired && (
|
||||
<Group
|
||||
justify="center"
|
||||
wrap="nowrap"
|
||||
>
|
||||
<Group justify="center" wrap="nowrap">
|
||||
<Button
|
||||
fullWidth
|
||||
leftSection={<Icon icon="edit" />}
|
||||
|
|
|
|||
|
|
@ -18,24 +18,14 @@ const InvalidRoute = () => {
|
|||
<AnimatedPage>
|
||||
<Center style={{ height: '100%', width: '100%' }}>
|
||||
<Stack>
|
||||
<Group
|
||||
justify="center"
|
||||
wrap="nowrap"
|
||||
>
|
||||
<Icon
|
||||
color="warn"
|
||||
icon="error"
|
||||
/>
|
||||
<Group justify="center" wrap="nowrap">
|
||||
<Icon color="warn" icon="error" />
|
||||
<Text size="xl">
|
||||
{t('error.apiRouteError', { postProcess: 'sentenceCase' })}
|
||||
</Text>
|
||||
</Group>
|
||||
<Text>{location.pathname}</Text>
|
||||
<ActionIcon
|
||||
icon="arrowLeftS"
|
||||
onClick={() => navigate(-1)}
|
||||
variant="filled"
|
||||
/>
|
||||
<ActionIcon icon="arrowLeftS" onClick={() => navigate(-1)} variant="filled" />
|
||||
</Stack>
|
||||
</Center>
|
||||
</AnimatedPage>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue