Skip to content

ui: QWC regen UI fixes#1773

Merged
JustARatherRidiculouslyLongUsername merged 5 commits intomasterfrom
qwc-regen-ui-fixes
Mar 5, 2026
Merged

ui: QWC regen UI fixes#1773
JustARatherRidiculouslyLongUsername merged 5 commits intomasterfrom
qwc-regen-ui-fixes

Conversation

@JustARatherRidiculouslyLongUsername
Copy link
Contributor

@JustARatherRidiculouslyLongUsername JustARatherRidiculouslyLongUsername commented Mar 5, 2026

Description

Clickup

app.clickup.com

https://fylein.slack.com/archives/C094U6MHXD2/p1772706099458349?thread_ts=1772691919.372699&cid=C094U6MHXD2
https://fylein.slack.com/archives/C094U6MHXD2/p1772693579099629?thread_ts=1772183282.711769&cid=C094U6MHXD2

Summary by CodeRabbit

  • Style

    • Centered tooltip text for improved readability.
  • UI Improvements

    • Simplified file download button rendering to a single consistent control.
    • Refined layout structure in the file path selection interface for cleaner spacing.
  • Bug Fixes

    • Improved navigation handling during component teardown and transitions.

@github-actions github-actions bot added the size/S Small PR label Mar 5, 2026
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 5, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 1b040251-3b5f-4b5c-9fd6-c8e881c32507

📥 Commits

Reviewing files that changed from the base of the PR and between 0fc4fdf and a32e302.

📒 Files selected for processing (1)
  • src/app/integrations/qbd-direct/qbd-direct.component.ts
🚧 Files skipped from review as they are similar to previous changes (1)
  • src/app/integrations/qbd-direct/qbd-direct.component.ts

Walkthrough

Removed conditional button variant in a template, simplified DOM wrapper structure in a landing template, moved navigation-unlock from a child component's ngOnDestroy to the parent component's ngOnDestroy, and added a tooltip text-centering style.

Changes

Cohort / File(s) Summary
Template Simplifications
src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-download-file/qbd-direct-download-file.component.html, src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-qwc-file/qbd-direct-qwc-file-landing/qbd-direct-qwc-file-landing.component.html
Removed conditional rendering for the outlined dashboard button (always renders app-button now) and simplified inner wrapper div/CSS classes in option blocks.
Navigation Lifecycle Management
src/app/integrations/qbd-direct/qbd-direct.component.ts, src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-qwc-file/qbd-direct-regenerate-qwc-file/qbd-direct-regenerate-qwc-file.component.ts
Deleted unlockNavigation() call from child ngOnDestroy; parent component now implements OnDestroy and calls navigation unlock in its ngOnDestroy.
Global Styling
src/styles.scss
Added a rule to center .p-tooltip-text inside .p-tooltip under the .fyle theme scope.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Parent as QbdDirectComponent
    participant Child as RegenerateQwcComponent
    participant Nav as NavigationLockService

    rect rgba(220,240,255,0.5)
    Note over Child,Nav: Previous flow (before change)
    User->>Child: navigate away / destroy
    Child->>Nav: unlockNavigation()
    end

    rect rgba(220,255,220,0.5)
    Note over Parent,Nav: New flow (after change)
    User->>Parent: navigate away / destroy
    Parent->>Nav: unlockNavigation()
    end
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 I hopped through templates, trimmed a stray line,
Buttons now tidy, wrappers align.
Parent takes charge when teardown is due,
Tooltips sit centered — a neat little view.
A celebratory nibble, and onward we chew!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description is incomplete and largely empty; the Description section lacks substantive content, and the ClickUp section contains only a generic URL placeholder and Slack links without clear context. Add a detailed description summarizing the UI fixes, explain the rationale for each change, and provide the actual ClickUp issue link instead of the generic placeholder.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title 'ui: QWC regen UI fixes' is concise and directly related to the main changes—improving UI for QWC file regeneration across multiple components and templates.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch qwc-regen-ui-fixes

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/app/integrations/qbd-direct/qbd-direct.component.ts`:
- Around line 141-144: Fix the typo in the parent component comment ("qbd dirct"
→ "qbd direct") and address the navigation-lock lifecycle mismatch by ensuring
the child cleans up the lock: in QbdDirectRegenerateQwcFileComponent add an
unlock call to NavigationLockService (unlockNavigation or unlock) inside its
ngOnDestroy so any locks set by its lockNavigation calls are released if the
component is destroyed early; keep or keep reviewing the parent's ngOnDestroy
unlock in QbdDirectComponent, or alternatively convert NavigationLockService to
a reference-counted lock if multiple lock/unlock pairs must be tracked.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 5c43fee6-51d9-4056-a214-68a90c324357

📥 Commits

Reviewing files that changed from the base of the PR and between a1ab4a4 and 0fc4fdf.

📒 Files selected for processing (5)
  • src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-download-file/qbd-direct-download-file.component.html
  • src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-qwc-file/qbd-direct-qwc-file-landing/qbd-direct-qwc-file-landing.component.html
  • src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-qwc-file/qbd-direct-regenerate-qwc-file/qbd-direct-regenerate-qwc-file.component.ts
  • src/app/integrations/qbd-direct/qbd-direct.component.ts
  • src/styles.scss
💤 Files with no reviewable changes (2)
  • src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-qwc-file/qbd-direct-regenerate-qwc-file/qbd-direct-regenerate-qwc-file.component.ts
  • src/app/integrations/qbd-direct/qbd-direct-shared/qbd-direct-download-file/qbd-direct-download-file.component.html

@github-actions
Copy link

github-actions bot commented Mar 5, 2026

🔁 Code Duplication Report - Angular

Format Files analyzed Total lines Total tokens Clones found Duplicated lines Duplicated tokens
typescript 791 59336 542952 351 5798 (9.77%) 54514 (10.04%)
scss 70 3808 20591 7 148 (3.89%) 769 (3.73%)
markup 357 18233 170663 160 2127 (11.67%) +0.01% ❗ 18071 (10.59%)
python 4 727 5680 3 32 (4.40%) 368 (6.48%)
yaml 3 155 905 0 0 (0.00%) 0 (0.00%)
javascript 6 397 3497 0 0 (0.00%) 0 (0.00%)
markdown 2 96 366 0 0 (0.00%) 0 (0.00%)
bash 2 69 804 0 0 (0.00%) 0 (0.00%)
Total: 1235 82821 745458 521 8105 (9.79%) 73722 (9.89%)

📊 No significant change in code duplication.

@JustARatherRidiculouslyLongUsername JustARatherRidiculouslyLongUsername merged commit 3d872fe into master Mar 5, 2026
11 checks passed
JustARatherRidiculouslyLongUsername added a commit that referenced this pull request Mar 5, 2026
* ui: replace fyle button with sage button

* ui: make card description font size 14px

* fix: keep nav locked when going back to qwc landing page

* ui: center align text in all tooltips

* refactor: typo

(cherry picked from commit 3d872fe)
JustARatherRidiculouslyLongUsername added a commit that referenced this pull request Mar 5, 2026
* ui: replace fyle button with sage button

* ui: make card description font size 14px

* fix: keep nav locked when going back to qwc landing page

* ui: center align text in all tooltips

* refactor: typo

(cherry picked from commit 3d872fe)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size/S Small PR

Development

Successfully merging this pull request may close these issues.

2 participants