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

fix(frontend): Add missing loading state for non-runnable components … #3797

Merged
merged 8 commits into from
May 23, 2024

Conversation

fatonramadani
Copy link
Contributor

@fatonramadani fatonramadani commented May 23, 2024

…+ fix select and aggrid styling


🚀 This description was created by Ellipsis for commit e859e68

Summary:

This PR enhances UI responsiveness and styling across various frontend components, particularly focusing on loading states and visual consistency in dark mode.

Key points:

  • Added loading state handling in NonRunnableComponent.svelte.
  • Introduced RefreshIndicator.svelte for visual loading indication.
  • Updated select input styling in AppSelect.svelte to handle dark mode border color.
  • Adjusted ag-grid active color in windmill-theme.css.
  • Modified subscription handling in rx.ts to include unsubscribe functionality.

Generated with ❤️ by ellipsis.dev

Copy link

cloudflare-pages bot commented May 23, 2024

Deploying windmill with  Cloudflare Pages  Cloudflare Pages

Latest commit: 0e2550c
Status: ✅  Deploy successful!
Preview URL: https://300b91a1.windmill.pages.dev
Branch Preview URL: https://fr-app-improvements.windmill.pages.dev

View logs

@fatonramadani fatonramadani marked this pull request as ready for review May 23, 2024 15:25
Copy link
Contributor

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

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

❌ Changes requested. Reviewed everything up to e859e68 in 1 minute and 39 seconds

More details
  • Looked at 207 lines of code in 7 files
  • Skipped 0 files when reviewing.
  • Skipped posting 0 drafted comments based on config settings.

Workflow ID: wflow_Agxbk1dbPoCejyin


Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

<div class={'bg-blue-100 dark:bg-blue-400 transition-all p-1 rounded-component'}>
<LoaderIcon size={14} class="animate-spin text-blue-800 dark:text-white" />
</div>
<svelte:fragment slot="text">
Copy link
Contributor

Choose a reason for hiding this comment

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

The slot for text in the Popover component should be named 'content' to match the expected API of the Popover component. This ensures that the text ('Refreshing...' or 'Refresh') is displayed correctly.

Suggested change
<svelte:fragment slot="text">
<svelte:fragment slot="content">

@rubenfiszel rubenfiszel merged commit a0acdc1 into main May 23, 2024
3 checks passed
@rubenfiszel rubenfiszel deleted the fr/app-improvements branch May 23, 2024 18:36
@github-actions github-actions bot locked and limited conversation to collaborators May 23, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants