[CSM Portal Microapp] Fix build break, text-overflow, and simplify Assigned to me

[2003dinijay]

Summary

Three fixes bundled together:

1. Build break from an incomplete #1134 merge conflict resolution. dev-app-csm-portal's build was broken:

• MorePage.tsx uses the Settings icon in MORE_ITEMS, but the conflict resolution dropped it from the import list.
• AssignedToMeSection.tsx destructured isPending (renamed from isLoading by a partial CodeRabbit-suggested commit), but the JSX below still referenced the old isLoading name.

2. Text overflow on narrow screens in three card layouts. Each has a noWrap Typography sitting alongside a sibling in a row flex container with no minWidth: 0 guard — a flex item's default min-width: auto stops it from shrinking below its content's natural width, so on a narrow screen or with long content it overflows the card instead of ellipsizing:

• AnnouncementCard.tsx: case number vs. state chip
• CaseCard.tsx: assigned-engineer name vs. "Updated Xh ago" (also pins the timestamp side with flexShrink: 0 so the name is the one that truncates)
• CaseDetailPage.tsx: comment author email vs. date (same fix)

Matches the minWidth: 0 pattern already used correctly elsewhere in the app (AttachmentsField.tsx, CompositionDonut.tsx, TimeSheetCard.tsx).

3. Simplified the Home page's "Assigned to me" widget, mirroring the webapp's MyAssignedCases header more closely:

• Removed the "View all" link (Support already covers the full list).
• Added a RefreshButton (icon + "Last refreshed X ago"), ported from the webapp's RefreshButton.tsx.
• The empty state is now a plain line of text in a bordered card instead of the shared EmptyState's icon+padding treatment, which read as too prominent for the first thing on the home page.

Test plan

• eslint clean
• tsc --noEmit clean (worked around the pre-existing, unrelated ignoreDeprecations TS-version mismatch to get a real type-check signal)
• vite build clean
• Manually verified live in the native shell with real data: refresh control shows "Last refreshed a few seconds ago", empty state renders correctly, composition donuts unaffected

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[coderabbitai]

📝 Walkthrough

Walkthrough

The CSM portal now applies flex sizing constraints to several text rows, uses React Query’s isPending flag for assigned-case loading, and imports the Settings icon referenced by the More page configuration.

Changes

CSM portal updates

Layer / File(s)	Summary
Responsive text layout constraints apps/csm-portal/microapp/src/components/announcements/AnnouncementCard.tsx, apps/csm-portal/microapp/src/components/support/CaseCard.tsx, apps/csm-portal/microapp/src/pages/CaseDetailPage.tsx	Adds minWidth: 0 to truncating text and flexShrink={0} to timestamp elements in announcement, case, and comment layouts.
Loading state and icon wiring apps/csm-portal/microapp/src/components/home/AssignedToMeSection.tsx, apps/csm-portal/microapp/src/pages/MorePage.tsx	Uses isPending for the assigned-case skeleton state and adds the Settings icon import used by MORE_ITEMS.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

• wso2-open-operations/cs-tools#1128: Introduced the More page navigation and UI that uses the Settings icon.

Suggested labels: Type/Bug, Area/Frontend

Suggested reviewers: shayanmalinda

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The description is a summary/test plan, not the required template, and it omits most mandated sections like Purpose, Goals, Approach, and Release note.	Rewrite the PR description using the repository template and fill in the required sections, including Purpose, Goals, Approach, Release note, and the remaining checklist items.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title accurately summarizes the PR's main fixes: build break, text overflow, and Assigned to me cleanup.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}