Skip to content

feature: result share button#176

Open
rugeli wants to merge 12 commits intomainfrom
feature/share-button
Open

feature: result share button#176
rugeli wants to merge 12 commits intomainfrom
feature/share-button

Conversation

@rugeli
Copy link
Contributor

@rugeli rugeli commented Jan 28, 2026

Problem

What is the problem this work solves, including
closes #173

Solution

What I/we did to solve this problem

  • added a Share link to the navbar

  • clicking Share opens an antd modal displaying the copiable URL

updates

following feedback from @thao-do:

  • moved the Share button to the bottom Status bar, matching the [design](move the Share button to the bottom Status bar, matching the design)
  • the Share button follows the same behavior as Download packing result button
  • in the modal, switched to sentence case and use Share packing result as suggested

note: the button color isn't quite matching the design yet, we're planning to do a broader color alignment in a follow-up ticket #183

next steps:

Type of change

Please delete options that are not relevant.

  • New feature (non-breaking change which adds functionality)
Screenshot 2026-02-09 at 1 10 34 PM Screenshot 2026-02-16 at 1 38 33 PM

@github-actions
Copy link

github-actions bot commented Jan 28, 2026

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 32.61% 664 / 2036
🔵 Statements 32.61% 664 / 2036
🔵 Functions 39.42% 41 / 104
🔵 Branches 72.95% 143 / 196
File Coverage
File Stmts % Branch % Funcs % Lines Uncovered Lines
Changed Files
src/App.tsx 0% 0% 0% 0% 1-8, 17-21, 23, 25-26, 28-31, 33-40, 42, 44-46, 48-54, 56-69, 71-115, 117-125, 127-163, 165-169, 171-175, 177-203, 205, 207
src/components/ShareModal/index.tsx 0% 0% 0% 0% 1, 9-15, 17-26, 28-30, 32, 34
src/components/StatusBar/index.tsx 0% 0% 0% 0% 1-8, 10-14, 26-27, 29, 31-35, 37, 39-48, 50-58, 60-66, 68-71, 73, 75
Generated in workflow #236

@github-actions
Copy link

github-actions bot commented Jan 28, 2026

PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://AllenCell.github.io/cellpack-client/pr-preview/pr-176/

Built to branch gh-pages at 2026-02-16 21:51 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

Comment on lines +7 to +8
import DownloadIcon from "../../assets/download.svg?react";
import ShareIcon from "../../assets/share.svg?react";
Copy link
Contributor Author

Choose a reason for hiding this comment

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

with vite-plugin-svgr, we treat svgs as react components, so styles (e.g. stroke="currentColor") inherit correctly

Comment on lines +10 to +14
const statusBarButtonProps = {
color: "primary" as const,
variant: "filled" as const,
className: "status-bar-button",
};
Copy link
Contributor Author

Choose a reason for hiding this comment

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

extracted shared props for the Download and Share buttons

@rugeli rugeli marked this pull request as ready for review February 16, 2026 21:41
@rugeli rugeli requested review from ascibisz and interim17 February 16, 2026 21:54
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.

Add share button for sharing simularium result link

1 participant