[Frontend] Create generic Button component

[djeck1432]

🚨 Attention: Please read the guidelines before applying; otherwise, you will be ignored. 🚫📋

0. Please, join the telegram group to keep in touch https://t.me/+m0IGRiBvLtsyMzIy

1.Read guideline here

2. Currently accross the app we have the same buttons on (Dashboard and Form pages, please replace every occurence on that pages (please also check all child components) with a generic Button component according to Figma design.
3. It should consume variant prop, as you can clearly see there are two types of button, one is with gradient (call it primary) and another one is outlined/transparent (call it secondary).
4. It should also have size prop which, by Figma you can also clearly see, that there are couple of different sizes, so it'll be lg | md | sm and based on that prop, you should set corresponding size in css (642 | 342/309 (depending if mobile or desktop) | 167)
5. It should also accept spreaded props [e.g. { variant, size, ...props }] which will be passed to a button, so basic html button attributes are inherited
6. Button's content should be passed as React's children, [e.g. <Button ...(props)>Button Name] and consumed correctly inside the component.
7. Make sure everything is done according to Figma in terms of sizes and colors and also functioning well, just like before.
8. Text me in DM in telegram(djeck_vorobey1) to get access to figma, in your message write your email please

[Ibinola]

I would like to work on this I like cherry I will first create the reusable button component in the components folder, it will have the necessary props passed to it I will then replace the regular buttons across my app with the reusable button component created

@ibinolamichael

[NowGoody]

@djeck1432 can i work on this i like cherry

[Xaxxoo]

I would like to work on this I like cherry I will first create the reusable button component in the components folder, it will the necessary props passed to it I will then replace the regular buttons across my app with the reusable button component created

[Pvsaint]

Can I start working on this? I'm a first time contributor, I like cherry

[petersdt]

@djeck1432 can i take this like cherry tg: @joe_yanum

[BoltUltra]

I will create a reusable Button component with variant and size props based on Figma designs, replace all occurrences on Dashboard and Form pages (including child components), ensure full functionality and styling match the design, and submit progress within the required timeframe. I like cherry

Telegram handle: @Dami101a

[Luluameh]

@djeck1432 Can I be assigned this issue? I like cherry

[Tzienom]

@djeck1432 i like cherry can i work on this tg: gabriel ayuba

[helios492]

Hello! @djeck1432 I have great expertise in frontend development for blockchain project and also web 3 part. I am eager to work for this issue and I am sure I can satisfy you with my this first issue. I will complete this task asap.

[BigBen-7]

I like Cherry, I would love to work on this, and my approach to getting this done would be to create a Generic Button Component file. I would implement the Button component with variant, size, and spread props. Use React's children prop to handle the button's content. lastly, I would Replace existing button usage in the Dashboard and Form pages with the new Button component. make sure all child components are updated to use the generic Button component.

[Ayoaris]

@djeck1432

I would like to work on this project. I like cherry.

First, I will create a reusable button component in the components folder, making sure it accepts the necessary props. Then, I will replace the regular buttons across the app with the newly created reusable button component.

telegram: @AyoSoft

[A6dulmalik]

I like cherry.

I will create a reusable Button component that can take variant colours, sizes and props based on Figma designs, I will then go further to make the necessary replacements of the existing buttons on the pages.

TG: @A6dalmalik