🚀 [FEAT: ] Download code feature

[amaan-ahmad]

The feature has been tested successfully for all the currently supported languages

This PR includes:

• addition of a utility function that returns the extension name for a requested language code
• feature to allow users to download the code conveniently.

Closes: #96

Screenshot

[vercel]

@amaan-ahmad is attempting to deploy a commit to a Personal Account owned by @kothariji on Vercel.

@kothariji first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/kothariji/syntaxmeets/G5dCnYhtpHeKT3ojQJJdJLA8x7X9
✅ Preview: https://syntaxmeets-git-fork-amaan-ahmad-downloadcode-kothariji.vercel.app

[kothariji]

@amaan-ahmad thanks for the PR 🔥
Things are working great. 🙌 ⭐

The only thing for which I am concerned with is UI

The footer of syntax editor is too poky..All buttons are tightly filled, which is a symbol of Bad UI.
Can you suggest any alternatives for that.

Also any suggestions for the same - @Vishv07 @Priyankcoder @jainaayush01 @AmeyaJain-25 @AyushShri

[jainaayush01]

I think we can go with only icons and on hover we can describe that this options to upload, copy to clipboard, download.
And we can keep the run as it is

[amaan-ahmad]

Yes, @kothariji I agree with what you said, the UI does seem too crowded at the bottom. also, I agree with @jainaayush01 opinion on it. We can remove the text and let alone icons sit there.

Another choice would be adding something like this

to have an extended list of options available for users to choose from.

[AmeyaJain-25]

Yes @kothariji ,
I think as @jainaayush01 said, that we can show the icons and on hovering we can give the description or title.
One more suggestion is that the enable auto-complete is taking a lot of space, which is not needed.
So, I think if we can shift of make it smaller which can give space at bottom and make it more clean.

Another way is to use a Modal/Dialog or PopUp to give options to Copy, Download, etc.

[kothariji]

Yes exactly, I feel the same @jainaayush01 @amaan-ahmad @AmeyaJain-25, actually, I think an Issue thread would be a much better place to talk on this 😄. So I have created issue #118 , and we all can discuss it there

[kothariji]

For now, @amaan-ahmad , can you please change thing accordingly

1. remove Enable from Enable Auto-complete because its understandable, no need of enale keyword.
   
2. Can you please add Button Group of Maerial UI for upload and download code...with just symbols. No text.. Just two symbols in button group format
   will work. We will work on it in issue Simplify SyntaxEditor Footer 📂 🛠️ #118

We can merge this PR, once this points are validated

[Vishv07]

I think as of now we can just put a download icon there no need to put the whole button than an icon into the button to make some space. or maybe just icons for all the three options except RUN.

[amaan-ahmad]

Hey @kothariji
Yes I understood the changes that are to be made, my suggestion is let's do further discussion in issue #118 and merge this PR

[kothariji]

Hey @kothariji
Yes I understood the changes that are to be made, my suggestion is let's do further discussion in issue #118 and merge this PR

Sure @amaan-ahmad, but if I merge this PR now, it will move to production, and the syntaxeditor footer won't look good. So if possible can you please do 2 quick changes.
1 .remove Enable from Enable Auto-complete.
2. Please add Button Group of Material UI for upload and download code...with just symbols.

So that it will work for now. Because we are not sure how much time #118 will take to resolve Right ?.

[amaan-ahmad]

Okay @kothariji

How about this?

[kothariji]

Thanks for the contributions 🔥

Keep contributing 🚀