gosqasorg / asset-provenance-tracking

Node.js implementation, using Azure as a backend, of a system for Global Distributed Tracking, a free-of-charge, free-software system for building up a provenance or history of objects/assets/devices.
https://gosqas.org/
GNU Affero General Public License v3.0
4 stars 3 forks source link

Make Custom Button Component (Device Page) #191

Open K42IE opened 6 days ago

K42IE commented 6 days ago

Create a component for the button on the device page. (we will remove the extra download button under the QR code. Ignore this).

Notice how the radius and the padding is the same for both buttons. The only thing changing the size of the button is the label. You should not have to code the size (the css will take care of it as long as you ass the appropriate padding and radius): image

Here is a video to tell you how to code it (not including stylings): https://www.youtube.com/watch?v=2Evw5h_1Ko8

Put this component in the component folder. (Later we will put it in a subfolder labeled Buttons (This has extra steps that I will explain later))

Here is where the device page is located (the buttons are on line 18 and 19): image

Props wanted: label (like in video) and button color.

K42IE commented 6 days ago

This is a delegation for issue #173.