Skip to content

APP : Add LoadingBar component to the App as replacement for LoadingS…#1122

Open
THISmann wants to merge 15 commits intomainfrom
1010-app-add-loadingbar-component-to-the-app-as-replacement-for-loadingspinner
Open

APP : Add LoadingBar component to the App as replacement for LoadingS…#1122
THISmann wants to merge 15 commits intomainfrom
1010-app-add-loadingbar-component-to-the-app-as-replacement-for-loadingspinner

Conversation

@THISmann
Copy link
Collaborator

…pinner

>
<span class="text-sm text-zinc-500">Loading content...</span>
<LoadingSpinner class="h-4 w-4 text-zinc-500" />
<!-- <LoadingSpinner class="h-4 w-4 text-zinc-500" /> -->
Copy link
Contributor

Choose a reason for hiding this comment

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

Please remove commented code

Copy link
Collaborator

Choose a reason for hiding this comment

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

Please remove commented code @THISmann

Copy link
Collaborator

@johan-bell johan-bell left a comment

Choose a reason for hiding this comment

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

Nice job @THISmann but remember to rebase to main

@@ -9,6 +9,7 @@ import { ExclamationTriangleIcon } from "@heroicons/vue/24/outline";
import ContentDisplayCard from "./ContentDisplayCard.vue";
import { ref, watch } from "vue";
import LoadingSpinner from "../LoadingSpinner.vue";
Copy link
Collaborator

Choose a reason for hiding this comment

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

remove this useless import @THISmann please ?

>
<span class="text-sm text-zinc-500">Loading content...</span>
<LoadingSpinner class="h-4 w-4 text-zinc-500" />
<!-- <LoadingSpinner class="h-4 w-4 text-zinc-500" /> -->
Copy link
Collaborator

Choose a reason for hiding this comment

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

Please remove commented code @THISmann

Copy link
Collaborator Author

@THISmann THISmann left a comment

Choose a reason for hiding this comment

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

nothing

@THISmann THISmann force-pushed the 1010-app-add-loadingbar-component-to-the-app-as-replacement-for-loadingspinner branch from 7d6e4fc to 65f001d Compare October 6, 2025 08:07
Copy link
Collaborator

@MrDirkelz MrDirkelz left a comment

Choose a reason for hiding this comment

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

simplescreenrecorder-2025-10-10_08.25.17.mp4

This is some really great work @THISmann, it looks very "sleek".

I just have some comments, but the code and visuals mostly look good.

Maybe the light mode should be zinc color? As right now in light mode it looks very contrasted compared to the white/zinc background. Also we usually try to avoid gradients and usually just stick with a solid color, as it could impact performance, but this is perhaps a very small component that won't really impact performance that much. But not sure if we want it to look and feel like the cms loading bar as well so it is more clear on the progress of the loading?

But great work! Think it looks nice. We could even look into having "ghost" elements in the future. But that is something to think about later.

Copy link
Collaborator

@MrDirkelz MrDirkelz left a comment

Choose a reason for hiding this comment

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

Some tests are still failing

@MrDirkelz MrDirkelz force-pushed the 1010-app-add-loadingbar-component-to-the-app-as-replacement-for-loadingspinner branch from 7b61e53 to a843f2f Compare October 15, 2025 09:08
Copy link
Collaborator

@johan-bell johan-bell left a comment

Choose a reason for hiding this comment

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

Nice job, But i highly recommand installing prettier and eslint to avoid useless formating. @THISmann

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants