diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx index 0fefdab3..e9027a76 100644 --- a/src/components/ui/Button.tsx +++ b/src/components/ui/Button.tsx @@ -6,6 +6,7 @@ interface Props { readonly contrast?: boolean; readonly plain?: boolean; readonly error?: boolean; + readonly gold?: boolean; readonly iconbutton?: boolean; } @@ -125,4 +126,22 @@ export default styled.button` background: var(--error); } `} + + ${(props) => + props.gold && + css` + color: black; + font-weight: 600; + background: goldenrod; + + &:hover { + filter: brightness(1.2); + background: goldenrod; + } + + &:disabled { + cursor: not-allowed; + background: goldenrod; + } + `} `; diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx index de554cd6..0574b42a 100644 --- a/src/pages/home/Home.tsx +++ b/src/pages/home/Home.tsx @@ -1,3 +1,4 @@ +import { Coffee } from "@styled-icons/boxicons-regular"; import { Home as HomeIcon } from "@styled-icons/boxicons-solid"; import { Link } from "react-router-dom"; @@ -17,7 +18,8 @@ export default function Home() {

- {" "} + +

@@ -26,6 +28,14 @@ export default function Home() { Join testers server + + + @@ -34,12 +44,6 @@ export default function Home() { - - -
);