mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-05-07 03:49:25 -05:00
Code Issues Packages Projects Releases Wiki Activity

theme toasts better

Browse Source
This commit is contained in:
Violet Caulfield
2025-02-13 16:32:12 -06:00
parent 7454e58483
commit fa12debe3f
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Global/components/toast.tsx
+21 -19
View File
@@ -1,28 +1,30 @@
import {Toast as TamaguiToast, useToastState} from "@tamagui/toast"
import { YStack } from "tamagui"
import { Theme, YStack } from "tamagui"
export default function Toast() : React.JSX.Element | null {
const currentToast = useToastState()
if (!currentToast || currentToast.isHandledNatively) return null
return (
<TamaguiToast
key={currentToast.id}
duration={currentToast.duration}
enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
exitStyle={{ opacity: 0, scale: 1, y: -20 }}
y={0}
opacity={1}
scale={1}
animation="100ms"
viewportName={currentToast.viewportName}
>
<YStack>
<TamaguiToast.Title>{currentToast.title}</TamaguiToast.Title>
{!!currentToast.message && (
<TamaguiToast.Description>{currentToast.message}</TamaguiToast.Description>
)}
</YStack>
</TamaguiToast>
<Theme name="inverted_purple">
<TamaguiToast
key={currentToast.id}
duration={currentToast.duration}
enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
exitStyle={{ opacity: 0, scale: 1, y: -20 }}
y={0}
opacity={1}
scale={1}
animation="200ms"
viewportName={currentToast.viewportName}
>
<YStack>
<TamaguiToast.Title>{currentToast.title}</TamaguiToast.Title>
{!!currentToast.message && (
<TamaguiToast.Description>{currentToast.message}</TamaguiToast.Description>
)}
</YStack>
</TamaguiToast>
</Theme>
)
}