-
Notifications
You must be signed in to change notification settings - Fork 3.2k
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@@ -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"; |
There was a problem hiding this comment.
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 @
There was a problem hiding this comment.
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.
There was a problem hiding this 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></>; |
There was a problem hiding this comment.
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"; |
There was a problem hiding this comment.
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.
This is an implementation of a new loading screen component as mentionend in #103. I also replaced the
if (tasks.length == 0)
with theisLoading
fromuseSWRImmutable
. Also includes a story for storybook, which showcases usage with and without text.