65 lines
2.3 KiB
Markdown
65 lines
2.3 KiB
Markdown
---
|
|
id: TASK-16
|
|
title: Add rStack AppSwitcher dropdown across all r*App headers
|
|
status: Done
|
|
assignee: []
|
|
created_date: '2026-02-25 03:47'
|
|
labels:
|
|
- feature
|
|
- ui
|
|
- cross-app
|
|
- branding
|
|
dependencies: []
|
|
priority: high
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Added the unified rStack AppSwitcher dropdown to the header/nav of all 19 r*-online repos plus the rSpace platform Web Component.
|
|
|
|
## What was done
|
|
|
|
### rSpace platform (rspace-online)
|
|
- Rewrote `shared/components/rstack-app-switcher.ts` Web Component with:
|
|
- Pastel rainbow badges (rS, rN, rP, rC, rT, etc.) replacing plain emoji icons
|
|
- Emoji moved to right of app name in dropdown items
|
|
- rStack header with gradient badge at top of dropdown
|
|
- rStack footer link at bottom
|
|
- Canvas renamed to rSpace
|
|
- rMaps moved to Planning category
|
|
- "Sharing & Media" renamed to "Social & Sharing" with rNetwork at top
|
|
- Fixed light→dark theme across all 21 modules (was causing white header bar)
|
|
- Renamed canvas module to "rSpace"
|
|
|
|
### rnotes-online
|
|
- Created React `AppSwitcher.tsx` component
|
|
- Created shared `Header.tsx` with AppSwitcher + SpaceSwitcher + breadcrumbs
|
|
- Integrated into all 9 page files
|
|
|
|
### 14 other Next.js repos
|
|
- Copied `AppSwitcher.tsx` React component into each
|
|
- Integrated into existing Header/Navbar components
|
|
- Repos: rPubs, rauctions, rcal, rcart, rchats, rfunds, rinbox, rmail, rmaps, rsocials, rtrips, rtube, rvote, rwork
|
|
|
|
### 4 non-Next.js repos
|
|
- Created standalone HTML/CSS/JS AppSwitcher (no framework dependencies)
|
|
- Repos: rNetwork (Vite), rfiles (Django), rstack (static), rwallet (static)
|
|
|
|
All repos committed and pushed to main on Gitea.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [ ] #1 AppSwitcher shows pastel badges with r* abbreviations
|
|
- [ ] #2 Emoji displayed to the right of app name
|
|
- [ ] #3 rStack header with gradient badge at top of dropdown
|
|
- [ ] #4 5 categories: Creating, Planning, Discussing & Deciding, Funding & Commerce, Social & Sharing
|
|
- [ ] #5 rMaps under Planning, rNetwork at top of Social & Sharing
|
|
- [ ] #6 All 19 standalone repos have AppSwitcher integrated
|
|
- [ ] #7 rSpace Web Component updated with matching branding
|
|
- [ ] #8 Dark theme applied to all rSpace module shells
|
|
- [ ] #9 All repos pushed to main on Gitea
|
|
- [ ] #10 rspace-online and rnotes-online deployed to production
|
|
<!-- AC:END -->
|