Skip to content

feat(react-styled): add uploads, file viewer, upload tool, and sharing views#44

Merged
alikhere merged 6 commits intomainfrom
feat/styled-upload-sharing
Mar 29, 2026
Merged

feat(react-styled): add uploads, file viewer, upload tool, and sharing views#44
alikhere merged 6 commits intomainfrom
feat/styled-upload-sharing

Conversation

@alikhere
Copy link
Copy Markdown
Collaborator

@alikhere alikhere commented Mar 29, 2026

Summary

  • Added dual-mode NavTabs — switches between home tabs (SPACES / IMPORT / CREATE / SETTINGS) and space tabs (UPLOADS / SHARE / UPLOAD / SETTINGS) when a space is selected
  • Added SpaceUploadsView — uploads/blobs sub-tabs, table listing with Root CID and timestamp, pagination, and reload
  • Added FileViewerView — Root CID, gateway URL, Shards rows, and remove confirmation dialog with cannot-be-undone warning
  • Added UploadToolView — drag-and-drop file upload, type selector, progress bar, and wrap-in-directory option
  • Added SharingToolView — contextual button labels (SHARE VIA EMAIL / SHARE VIA DID) and delegation URL display with copy button after DID share
  • Exported all new components from packages/react-styled/src/index.ts
  • Updated full-app-styled example to wire up space-mode navigation and all
    space workflows

Related issue

Fixes #43
Part of #38

Screenshots

Screenshot from 2026-03-29 10-50-28 Screenshot from 2026-03-29 10-16-32 Screenshot from 2026-03-29 10-16-44

Test plan

  • pnpm run ci passes
  • Select a space → NavTabs switches to UPLOADS / SHARE / UPLOAD / SETTINGS
  • Uploads list loads, RELOAD shows spinner, pagination works
  • Click an upload → FileViewerView shows Root CID, URL, Shards (or "No shard
    data available")
  • Click Remove → confirmation dialog appears with shards list and warning;
    Cancel closes it; Remove deletes and navigates back
  • Upload tab → drag a file or click to browse, progress bar shows during
    upload, success state shows Root CID
  • Share tab → type an email → button says SHARE VIA EMAIL; type a DID →
    button says SHARE VIA DID; DID share shows delegation URL with Copy button

@alikhere alikhere merged commit 72e1982 into main Mar 29, 2026
1 check passed
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.

feat(react-styled): implement uploads, file viewer, upload tool, and sharing views

1 participant