From c9e0fb8a80f0e62f9438a23e5d2c14f057984456 Mon Sep 17 00:00:00 2001
From: Ana Garcia <ana@eyeseetea.com>
Date: Fri, 28 Jun 2024 10:12:01 +0200
Subject: [PATCH] Remove dark-secondary

---
 src/webapp/components/button/Button.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/webapp/components/button/Button.tsx b/src/webapp/components/button/Button.tsx
index 00621876..00894a1d 100644
--- a/src/webapp/components/button/Button.tsx
+++ b/src/webapp/components/button/Button.tsx
@@ -1,11 +1,10 @@
 import React from "react";
 import { Button as MUIButton } from "@material-ui/core";
-import styled from "styled-components";
 
 type ButtonProps = {
     children?: React.ReactNode;
     variant?: "contained" | "outlined";
-    color?: "primary" | "secondary" | "dark-secondary";
+    color?: "primary" | "secondary";
     disabled?: boolean;
     startIcon?: React.ReactNode;
     onClick: () => void;
@@ -21,22 +20,16 @@ export const Button: React.FC<ButtonProps> = React.memo(
         onClick,
     }) => {
         return (
-            <StyledButton
+            <MUIButton
                 variant={variant}
-                color={color === "dark-secondary" ? "secondary" : color}
+                color={color}
                 disabled={disabled}
                 startIcon={startIcon}
                 disableElevation
-                $darkBorder={color === "dark-secondary"}
                 onClick={onClick}
             >
                 {children}
-            </StyledButton>
+            </MUIButton>
         );
     }
 );
-
-const StyledButton = styled(MUIButton)<{ $darkBorder: boolean }>`
-    border-color: ${props =>
-        props.$darkBorder ? props.theme.palette.button.borderDarkSecondary : "initial"};
-`;