Add a typescript version of an existing component

[the-halfbloodprince]

Add a typescript version of an existing component in the same folder.

Since there are multiple components already, multiple individuals can participate in it and take any component you would like to convert.

[shreyavi]

@the-halfbloodprince I created a PR for creating a button tsx component, please take a look

[Yugal41735]

Hello, I would like to contribute but I am a complete beginner, could I still be able to contribute in this issue?

[the-halfbloodprince]

Yes @Yugal41735 we would love to have your contribution. The goal is to have the work done irrespective of who you are or how much you know. 😊😊

[Yugal41735]

Thank u. 😊, So could u like elaborate a little what i had to do, and I am willing to learn, so if u know some resouces from where i could learn and contribute in this issue, it would be great.

[the-halfbloodprince]

Depends on what you want to contribute to, for this issue you might look up about typescript and probably learn how to convert jsx components to tax... Just google it

[Yugal41735]

Could u tell me which components I have to convert from jsx to tsx.

[the-halfbloodprince]

@Yugal41735 you can pick any component you want out of the ones present in the src/components folder

[kannananil]

I would like to work on this issue, but after cloning the repo and while running yarn for installing the packages I am getting an error. Could someone please help us with this, is there anyone else also getting the same error?

Error got while running the yarn command.

Error details in yarn_error.log

[Pravitha-o-p]

@anil-muraleedharan I’m also getting the same issue

[the-halfbloodprince]

Sorry guys, let me have a look myself. Hold on till then.

[the-halfbloodprince]

@anil-muraleedharan , @Pravitha-o-p take a look now, fixed it in #75 . Do let me know if it's working for you.

[VedanthB]

@the-halfbloodprince
I created a PR for creating a AppBar tsx component, please take a look

[VedanthB]

@the-halfbloodprince
I created a PR for creating a Backdrop and and Badge tsx component as well, please take a look