Remove text from back button

efdevcon · Apr 25, 2024 · 1a92953 · 1a92953
1 parent 45df029
commit 1a92953
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/packages/frontend/src/components/bids/allBids/Header.tsx b/packages/frontend/src/components/bids/allBids/Header.tsx
@@ -10,7 +10,7 @@ export const Header = () => {
 
   return (
     <StyledHeader>
-      <BackButton url="/" withBack />
+      <BackButton url="/" />
       <Wrapper>
         <Title>
           <h2>Number of participants:</h2>

diff --git a/packages/frontend/src/components/buttons/BackButton.tsx b/packages/frontend/src/components/buttons/BackButton.tsx
@@ -9,10 +9,9 @@ interface BackButtonProps {
   setView?: (view: number) => void
   url?: string
   resetState?: () => void
-  withBack?: boolean
 }
 
-export function BackButton({ view, setView, url, resetState, withBack = false }: BackButtonProps) {
+export function BackButton({ view, setView, url, resetState }: BackButtonProps) {
   const router = useRouter()
 
   const goBack = useCallback(() => {
@@ -28,17 +27,16 @@ export function BackButton({ view, setView, url, resetState, withBack = false }:
   }, [setView, view, router, url, resetState])
 
   return (
-    <BackBtn onClick={goBack} $withBack={withBack}>
+    <BackBtn onClick={goBack}>
       <ArrowLeftIcon color={Colors.Black} />
-      {withBack && 'Back'}
     </BackBtn>
   )
 }
 
-const BackBtn = styled.button<{ $withBack?: boolean }>`
+const BackBtn = styled.button`
   display: flex;
   align-items: center;
-  width: ${({ $withBack }) => ($withBack ? '84px' : '35px')};
+  width: 35px;
   height: 32px;
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
   font-weight: 400;