Skip to content

feat: add social media quick-action row presets for Reels, TikTok, and Shorts#698

Merged
magic-peach merged 4 commits into
magic-peach:mainfrom
Vagventure:feat/social-media-quick-action-row
May 21, 2026
Merged

feat: add social media quick-action row presets for Reels, TikTok, and Shorts#698
magic-peach merged 4 commits into
magic-peach:mainfrom
Vagventure:feat/social-media-quick-action-row

Conversation

@Vagventure
Copy link
Copy Markdown
Contributor

Description

Adds a row of five one-click platform buttons above the preset search input in PresetSelector.tsx. Users can now select the most common social media formats instantly without scrolling through the dropdown.

Platforms added:

  • Instagram Reelsvertical-9-16 (1080×1920)
  • TikTokvertical-9-16 (1080×1920)
  • YouTube Shortvertical-9-16 (1080×1920)
  • YouTubelandscape-16-9 (1920×1080)
  • Twitter/Xtwitter-hd (1280×720)

Each button shows an SVG platform icon and label. The active button highlights when its preset is selected. Icons are drawn from scratch with no external dependencies.

Related Issue

Closes #661

Type of Contribution

  • Bug fix
  • New feature
  • Documentation update
  • GSSoC contribution

Participant Info

  • GitHub username: Vagventure
  • Contribution level (Beginner/Intermediate/Advanced): Beginner

Screen Recording

Screen.Recording.2026-05-19.062436.mp4

Checklist

  • I have read the contribution guidelines
  • My changes follow the project structure
  • I have tested my changes in Chrome, Firefox, and Safari
  • bun run lint passes (no ESLint errors)
  • bunx tsc --noEmit passes (no TypeScript errors)
  • New interactive elements have aria-label / accessible names
  • No console.log statements left in
  • This PR is related to a valid issue
  • Screen recording attached above (required for UI/feature/design changes)

Signed-off-by: Vagventure <ankitverma0366@gmail.com>
Signed-off-by: Vagventure <ankitverma0366@gmail.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 19, 2026

@Vagventure is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 19, 2026

✅ PR Format Check Passed — @Vagventure

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions
Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @Vagventure!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions github-actions Bot added level:intermediate Intermediate level - 35 pts type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature gssoc'26 GirlScript Summer of Code 2026 labels May 19, 2026
@github-actions github-actions Bot added the level:beginner Beginner level - 20 pts label May 20, 2026
@magic-peach magic-peach added type:accessibility Accessibility quality:clean Well-implemented, clean code gssoc:approved Approved for GSSoC'26 labels May 21, 2026
@magic-peach magic-peach merged commit fe2d4c3 into magic-peach:main May 21, 2026
7 of 10 checks passed
@Vagventure Vagventure deleted the feat/social-media-quick-action-row branch May 21, 2026 17:43
Ayush-kathil pushed a commit to Ayush-kathil/reframe that referenced this pull request May 21, 2026
…c-peach#698)

Changes preset button aria-labels from the awkward '9 is to 16 output ratio' format to 'Reels 9:16' style labels that are more meaningful for screen reader users.
Pravallika21-nama pushed a commit to Pravallika21-nama/reframe that referenced this pull request May 22, 2026
…c-peach#698)

Changes preset button aria-labels from the awkward '9 is to 16 output ratio' format to 'Reels 9:16' style labels that are more meaningful for screen reader users.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved Approved for GSSoC'26 gssoc'26 GirlScript Summer of Code 2026 level:beginner Beginner level - 20 pts level:intermediate Intermediate level - 35 pts quality:clean Well-implemented, clean code type:accessibility Accessibility type:bug Bug fix type:design UI/UX design type:docs Documentation type:feature New feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: social media quick-action row — one-click preset buttons for Reels, TikTok, YouTube Short

2 participants