Skip to content

feat(mobile): add quick copy profile link button in scan screen#360

Open
kavin553 wants to merge 3 commits into
Dev-Card:mainfrom
kavin553:feature/copy-profile-link
Open

feat(mobile): add quick copy profile link button in scan screen#360
kavin553 wants to merge 3 commits into
Dev-Card:mainfrom
kavin553:feature/copy-profile-link

Conversation

@kavin553

Copy link
Copy Markdown

Summary

Adds a quick “Copy Profile Link” button near the QR sharing section in the mobile Scan screen to improve profile sharing accessibility and usability.

Closes #276


Type of Change

  • Bug fix
  • New feature
  • Refactor (no functional change)
  • UI / Design change
  • Tests only
  • Documentation
  • Infrastructure / DevOps
  • Security

What Changed

  • Added a “Copy Profile Link” button below the QR share section in "ScanScreen.tsx"
  • Added clipboard support for copying DevCard profile links instantly
  • Added new styles for the copy button to match existing app UI

How to Test

  1. Run the mobile app locally
  2. Open the Scan Screen
  3. Tap the “Copy Profile Link” button and verify the profile URL copies successfully

Checklist

  • My code follows the project's coding style ("pnpm -r run lint" passes).
  • TypeScript compiles without errors ("pnpm -r run typecheck").
  • I have added or updated tests for the changes I made.
  • All tests pass locally ("pnpm -r run test").
  • I have updated documentation where necessary.
  • No new "console.log" or debug statements left in the code.
  • Breaking changes are documented in this PR description.

Screenshots / Recordings

Added a new “Copy Profile Link” button below the QR code share section in the mobile Scan screen.


Additional Context

This improves quick sharing experience for mobile users without requiring QR scanning.

@kavin553

Copy link
Copy Markdown
Author

Hi maintainers 👋

Implemented the quick “Copy Profile Link” feature for the mobile Scan screen.

Changes included:

  • Added copy profile link button near QR section
  • Integrated clipboard functionality
  • Added matching UI styles for mobile experience

Please review the changes. Thank you 🚀

@Harxhit Harxhit added the gssoc:approved Required label for every approved PR. Gives the base +50 points and enables contribution tracking. label May 27, 2026
@Prince2301p

Copy link
Copy Markdown

Hi,
I would like to work on resolving this issue. Please assign it to me. I’m a participant in GSSoC 2026 and would be happy to contribute.
Looking forward to collaborating with you.

@ShantKhatri ShantKhatri requested a review from blankirigaya June 6, 2026 17:13
@blankirigaya

Copy link
Copy Markdown
Collaborator

@kavin553 hey we changed our package management from pnpm to npm your changes contains pnpm please change it to npm installers

@vercel

vercel Bot commented Jun 15, 2026

Copy link
Copy Markdown

@kavin553 is attempting to deploy a commit to the Prashantkumar Khatri's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

Copy link
Copy Markdown

CI — All Checks Passed

Backend — SKIP

Check Result
Lint -
Test -
Typecheck -

Mobile — SKIP

Check Result
Lint -
Test -

Web — SKIP

Check Result
Check -
Build -

Last updated: Mon, 15 Jun 2026 09:43:57 GMT

@kavin553

Copy link
Copy Markdown
Author

Hi @blankirigaya 👋

Updated this PR to match the repository’s npm migration.

Changes made:

  • removed pnpm lock file
  • regenerated dependencies using npm
  • synced branch with latest repository updates
  • preserved the quick copy profile link functionality

The feature is working correctly after the npm migration update.

Thank you 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Required label for every approved PR. Gives the base +50 points and enables contribution tracking.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add quick copy profile link button near QR share section

4 participants