diff --git a/frontend/src/components/Button.js b/frontend/src/components/Button.js index 1a9c6fe..cf4815c 100644 --- a/frontend/src/components/Button.js +++ b/frontend/src/components/Button.js @@ -1,7 +1,11 @@ import React from "react"; -const Button = ({children, style, to, disabled, onClick}) => { - let classes = "w-full p-4 rounded-md text-white font-display text-xl" +const Button = ({children, style, to, disabled, onClick, size, direction}) => { + let classes = "w-full rounded-md text-white font-display" + + if(size === 'small') classes += ' p-2 text-lg' + else classes += ' p-4 text-xl' + if(style !== 'free') { classes += ' drop-shadow-md' classes += disabled ? ' bg-fam-orange-inactive' : ' bg-fam-orange' @@ -12,7 +16,9 @@ const Button = ({children, style, to, disabled, onClick}) => { return ( ) } diff --git a/frontend/src/routes/Home.js b/frontend/src/routes/Home.js index af8323b..2dc3478 100644 --- a/frontend/src/routes/Home.js +++ b/frontend/src/routes/Home.js @@ -2,6 +2,7 @@ import React from "react"; import { Link, Outlet } from "react-router-dom"; import Button from '../components/Button'; import {PlusIcon} from '@heroicons/react/solid'; +import {ReceiveIcon, ScanIcon, SendIcon} from '@bitcoin-design/bitcoin-icons-react/filled'; const Home = () => { return ( @@ -10,12 +11,12 @@ const Home = () => {

Welcome, Jerry

-
+

Your Balance

1000 sats

-
+

Members

Your tribe has no members. Add one!

@@ -24,7 +25,22 @@ const Home = () => {
- + + +
+ + + + + + + + + +
+