[Good First Issue] Add disabled state styling to Export button when no file is selected

[magic-peach]

Overview

The Export button should have clear visual disabled styling when no file is loaded, so users understand why they can't click it.

Task

In VideoEditor.tsx:

<button
  disabled={!file || status !== 'idle'}
  className={`... ${
    !file ? 'opacity-40 cursor-not-allowed' : 'hover:opacity-90'
  }`}
  aria-disabled={!file}
>
  Export
</button>

Acceptance Criteria

• Button visually greyed out when no file loaded
• cursor-not-allowed shown on hover when disabled
• aria-disabled set correctly

Estimated effort: 15 minutes

[aryanm9026]

Hi @magic-peach, I would love to work on this issue under GSSoC'26!
I have solid experience building UI components with React and Tailwind CSS, so I can easily jump into VideoEditor.tsx and implement the disabled state logic, correct styling, and ARIA attributes exactly as outlined in the acceptance criteria.
Could you please consider to assign me this issue?

[magic-peach]

@aryanm9026 please star the repo,would really appreciate it !

[aryanm9026]

Done! Thanks for the assignment, @magic-peach . I'm spinning up the local environment now and will have a PR ready shortly.

[Pranav-IIITM]

Hi @magic-peach, I’m a GSSoC 2026 contributor and noticed this issue is already assigned. If it becomes available or if multiple contributors are allowed, I’d love to work on it.

[aryanm9026]

Hey @magic-peach , I fixed the issues and created a PR #360 , I hope it checks all your need. It was lovely working on this repo. Thanks for the opportunity!

[Riya-304006]

Hi @magic-peach

I went through the issue description and would like to work on this issue under GSSoC 2026.

I’ll update the Export button styling to clearly reflect the disabled state when no file is loaded, ensure the appropriate cursor behaviour is shown, and verify that accessibility attributes are handled correctly while keeping the implementation consistent with the existing UI.

Please consider assigning this issue to me.

Thank you!
#GSSoC26