Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New loading screen component #138

Merged
merged 4 commits into from
Dec 29, 2022
Merged

Conversation

jojopirker
Copy link
Contributor

This is an implementation of a new loading screen component as mentionend in #103. I also replaced the
if (tasks.length == 0) with the isLoading from useSWRImmutable. Also includes a story for storybook, which showcases usage with and without text.

Copy link
Collaborator

@AbdBarho AbdBarho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, looks good.

We wanted to refactor the isLoading and task.length in #104.

I say we merge #110 first and then this one?

@@ -8,6 +8,7 @@ import poster from "src/lib/poster";
import { Messages } from "src/components/Messages";
import { TwoColumns } from "src/components/TwoColumns";
import { Button } from "src/components/Button";
import { LoadingScreen } from "@/components/Loading/LoadingScreen";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please use src instead of @

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it's fine if vs code is doing it. I'm going to delete this mapping from tsconfig soon so it stops happening.

@AbdBarho AbdBarho added website UI/UX All website Components labels Dec 29, 2022
@AbdBarho AbdBarho linked an issue Dec 29, 2022 that may be closed by this pull request
Copy link
Collaborator

@fozziethebeat fozziethebeat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree, let's merge in the storybook change and then this. I'll approve after #110 goes in.

},
};

const Template = (args) => <LoadingScreen {...args} />; //<><div>text</div><div className="max-w-500 mt-40 z-1000 h-full relative"></div></>;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the commented out div can probably be deleted

@@ -8,6 +8,7 @@ import poster from "src/lib/poster";
import { Messages } from "src/components/Messages";
import { TwoColumns } from "src/components/TwoColumns";
import { Button } from "src/components/Button";
import { LoadingScreen } from "@/components/Loading/LoadingScreen";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it's fine if vs code is doing it. I'm going to delete this mapping from tsconfig soon so it stops happening.

@fozziethebeat fozziethebeat merged commit 2046b32 into LAION-AI:main Dec 29, 2022
@jojopirker jojopirker deleted the newLoading branch December 29, 2022 11:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI/UX All website Components website
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Design a nice loading screen component
3 participants