discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

test

Browse Source
This commit is contained in:
Igor Lobanov 2023-11-13 21:14:53 +01:00
parent cb263c6842
commit a2c80432fd
1 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Nav/Snackbar.tsx
View File

@ -4,7 +4,6 @@ import styles from './Snackbar.module.scss'
import { Transition } from 'solid-transition-group' import { Transition } from 'solid-transition-group'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { Icon } from '../_shared/Icon' import { Icon } from '../_shared/Icon'
import { isServer } from 'solid-js/web'
export const Snackbar = () => { export const Snackbar = () => {
const { snackbarMessage } = useSnackbar() const { snackbarMessage } = useSnackbar()
@ -16,22 +15,20 @@ export const Snackbar = () => {
[styles.success]: snackbarMessage()?.type === 'success' [styles.success]: snackbarMessage()?.type === 'success'
})} })}
> >
{!isServer && ( <Transition
<Transition enterClass={styles.enter}
enterClass={styles.enter} exitToClass={styles.exitTo}
exitToClass={styles.exitTo} onExit={(el, done) => setTimeout(() => done(), 300)}
onExit={(el, done) => setTimeout(() => done(), 300)} >
> <Show when={snackbarMessage()}>
<Show when={snackbarMessage()}> <div class={styles.content}>
<div class={styles.content}> <Show when={snackbarMessage()?.type === 'success'}>
<Show when={snackbarMessage()?.type === 'success'}> <Icon name="check-success" class={styles.icon} />
<Icon name="check-success" class={styles.icon} /> </Show>
</Show> {snackbarMessage().body}
{snackbarMessage().body} </div>
</div> </Show>
</Show> </Transition>
</Transition>
)}
</div> </div>
) )
} }