p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove toast story

Browse Source
This commit is contained in:
p-sw 2024-06-03 21:18:08 +09:00
parent 1fc23f9fb4
commit d9a2f29781
1 changed files with 0 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
packages/react/stories/Toast.stories.tsx
View File

@ -1,113 +0,0 @@
import { Button } from "../components/Button";
import { Toaster, useToast } from "../components/Toast";
export default {
title: "React/Toast",
tags: ["!autodocs"],
decorators: [
(Story: any) => (
<>
<Toaster />
{Story()}
</>
),
],
};
export const Default = () => {
const { toast } = useToast();
return (
<>
<Button
preset="default"
onClick={() => {
toast({
title: "Toast Title Lorem loremLorem loremLorem loremLorem lorem",
description:
"Toast DescriptionLorem loremLorem loremLorem loremLorem lorem",
});
}}
>
Toast!
</Button>
</>
);
};
const fetchAndWaitForSuccess = (): Promise<string> => {
return new Promise((resolve) =>
setTimeout(() => resolve("LoremSuccess"), 3000)
);
};
const fetchAndWaitForError = (): Promise<string> => {
return new Promise((_, reject) =>
setTimeout(() => reject("LoremError"), 3000)
);
};
export const PromiseWaitSuccess = () => {
const { toast } = useToast();
return (
<>
<Button
preset="default"
onClick={async () => {
const { update } = toast({
title: "Loading...",
description: "Loading data... Please wait.",
status: "loading",
closeButton: false,
closeTimeout: null,
});
const result = await fetchAndWaitForSuccess();
update({
title: "Successfully Fetched",
description: `Data loaded successfully: ${result}`,
status: "success",
closeButton: true,
closeTimeout: 3000,
});
}}
>
Toast!
</Button>
</>
);
};
export const PromiseWaitError = () => {
const { toast } = useToast();
return (
<>
<Button
preset="default"
onClick={async () => {
const { update } = toast({
title: "Loading...",
description: "Loading data... Please wait.",
status: "loading",
closeButton: false,
closeTimeout: null,
});
try {
const result = await fetchAndWaitForError();
console.log(result);
} catch (error) {
update({
title: "Failed to fetch",
description: `Error: ${error}`,
status: "error",
closeButton: true,
closeTimeout: 3000,
});
}
}}
>
Toast!
</Button>
</>
);
};