Train button Disabled Before Selecting File

[MSaiKiran9]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

• It solved issue 🐛 Bug Report: When file isn't selected website should disable train button #539

• Before File Selection:

I introduced two changes in it i added a red asterisk denoting user must choose file in order to enable train button as no file is selected above it's disabled above

After File Selection:

After selecting some file the Train button will be enabled and pointer will be cursor on it

• Why was this change needed? (You can also link to an open issue here)
  This change is needed because if a user trains without giving any file then the website is staying idle in uploading state
• Other information:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 14, 2023 7:38pm
nextra-docsgpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 14, 2023 7:38pm

[vercel]

@MSaiKiran9 is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[codecov]

Codecov Report

Merging #558 (993c9b3) into main (c969e9c) will not change coverage.
Report is 19 commits behind head on main.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #558   +/-   ##
=======================================
  Coverage   17.57%   17.57%           
=======================================
  Files          59       59           
  Lines        2720     2720           
=======================================
  Hits          478      478           
  Misses       2242     2242           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[dartpain]

@tenokami How should a disabled button look? and please confirm if you need any changes

@MSaiKiran9 Thank you a lot!

[tenokami]

Text opacity: 80%
Button background opacity: 75%

@MSaiKiran9 l @dartpain

[tenokami]

@MSaiKiran9 I would accept the disabled button state and look, but I wouldn't add the asterisk. Thank you

[MSaiKiran9]

@MSaiKiran9 I would accept the disabled button state and look, but I wouldn't add the asterisk. Thank you
@tenokami
Should i remove the asterisk & change the background and text opacity of disabled button as you suggested above with purpule colour ? (Or) I should only remove asterisk

[tenokami]

remove the asterisk & change the background and text opacity of disabled button please @MSaiKiran9

[MSaiKiran9]

---> When no file is selected --->When a file is selected

Is it okay now @tenokami

[tenokami]

@MSaiKiran9 I like it! Thanks

[MSaiKiran9]

Ok i'm updating the pr !

[MSaiKiran9]

@tenokami done

[tenokami]

Waiting for @dartpain

[MSaiKiran9]

@dartpain Let me know if it's okay

[dartpain]

@holopin-bot @MSaiKiran9

[holopin-bot]

Congratulations @MSaiKiran9, you just earned a badge! Here it is: https://holopin.io/claim/clnqg54lj27460fmhoid3zk1b

This badge can only be claimed by you, so make sure that your GitHub account is linked to your Holopin account. You can manage those preferences here: https://holopin.io/account.
Or if you're new to Holopin, you can simply sign up with GitHub, which will do the trick!