Skip to content

feat: polish Recently Used Apps widget on Home#2168

Open
stackingsaunter wants to merge 3 commits intomasterfrom
feat/recently-used-apps-widget-polish
Open

feat: polish Recently Used Apps widget on Home#2168
stackingsaunter wants to merge 3 commits intomasterfrom
feat/recently-used-apps-widget-polish

Conversation

@stackingsaunter
Copy link
Contributor

@stackingsaunter stackingsaunter commented Mar 25, 2026

Summary

  • align Recently Used Apps card shell with Home widget style (rounded-[14px], no shadow)
  • update the See All CTA to ghost + sm to match surrounding widgets
  • make row chevrons consistent with other featured cards (compact icon + subtle hover slide)

Test plan

  • Run cd frontend && yarn tsc:compile
  • Open Home in dev mode and verify Recently Used Apps visuals
  • Confirm See All still routes to /apps?tab=connected-apps

Made with Cursor

Summary by CodeRabbit

  • Style
    • Refined appearance of the "Latest Used Apps" widget: updated button styling, smaller icon sizing, and smoother hover animations for improved interactivity.
  • Layout
    • Moved the "Latest Used Apps" widget to the left column for improved page balance and visibility.

Match Home widget styles for the See All CTA, card shell, and chevron interaction.

Made-with: Cursor
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 25, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 87971803-1564-442f-9440-4d48e1319714

📥 Commits

Reviewing files that changed from the base of the PR and between 6713495 and 1946375.

📒 Files selected for processing (2)
  • frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
  • frontend/src/screens/Home.tsx
✅ Files skipped from review due to trivial changes (2)
  • frontend/src/screens/Home.tsx
  • frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx

📝 Walkthrough

Walkthrough

Moved the LatestUsedAppsWidget from the right column to the left column on Home, and adjusted its UI: "See All" button now uses variant="ghost" and size="sm", app rows gained className="group", and the chevron icon was resized and given a group-hover translate animation.

Changes

Cohort / File(s) Summary
LatestUsedAppsWidget (styling & hover)
frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
Changed "See All" LinkButton from variant="secondary" to variant="ghost" with size="sm". Added className="group" to app item Links and updated ChevronRightIcon classes to smaller size plus transition-transform group-hover:translate-x-0.5.
Home layout placement
frontend/src/screens/Home.tsx
Moved <LatestUsedAppsWidget /> from the right-column widget list into the left-column grid; no other control-flow changes.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related issues

Poem

🐰 I hopped in code to tweak a view,
A smaller chevron, a ghostly cue,
Rows that nudge when you hover near,
Now the left-side garden’s bright and clear —
Hooray! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'feat: polish Recently Used Apps widget on Home' accurately reflects the main changes: styling refinements to the Recently Used Apps widget including button variant updates, icon sizing adjustments, and hover animations.

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

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/recently-used-apps-widget-polish

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.

Place Recently Used Apps in the left Home column above the Alby Go widget.

Made-with: Cursor
Copy link
Contributor

@reneaaron reneaaron left a comment

Choose a reason for hiding this comment

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

Removed some classes that shouldn't be needed here.

tACK

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.

2 participants