diff --git a/packages/frontend/src/components/bids/allBids/Header.tsx b/packages/frontend/src/components/bids/allBids/Header.tsx index 99eb428f..5fb411fd 100644 --- 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 ( - + <h2>Number of participants:</h2> diff --git a/packages/frontend/src/components/buttons/BackButton.tsx b/packages/frontend/src/components/buttons/BackButton.tsx index c1cc1b1f..29214a95 100644 --- 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; diff --git a/packages/frontend/src/components/icons/CloseIcon.tsx b/packages/frontend/src/components/icons/CloseIcon.tsx index 8124675a..85a092c8 100644 --- a/packages/frontend/src/components/icons/CloseIcon.tsx +++ b/packages/frontend/src/components/icons/CloseIcon.tsx @@ -2,7 +2,7 @@ import { IconProps } from '@/components/icons/IconBase' export const CloseIcon = ({ color, size, className }: IconProps) => { return ( - <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" color={color} className={className}> + <svg width={size} height={size} viewBox="0 0 16 16" fill="none" color={color} className={className}> <path d="M1 1L14 14" stroke="currentColor" /> <path d="M1 14L14 0.999999" stroke="currentColor" /> </svg> diff --git a/packages/frontend/src/components/topBar/AccountDetailModal.tsx b/packages/frontend/src/components/topBar/AccountDetailModal.tsx index b030ee7e..853dd794 100644 --- a/packages/frontend/src/components/topBar/AccountDetailModal.tsx +++ b/packages/frontend/src/components/topBar/AccountDetailModal.tsx @@ -53,9 +53,7 @@ export const AccountDetailModal = ({ isShown, onRequestClose }: ModalProps) => { </> )} </ContentWrapper> - <Button view="secondary" onClick={onDisconnect}> - Disconnect - </Button> + <Button onClick={onDisconnect}>Disconnect</Button> </Modal> ) } diff --git a/packages/frontend/src/components/topBar/Modal.tsx b/packages/frontend/src/components/topBar/Modal.tsx index 8e37d59b..105c3389 100644 --- a/packages/frontend/src/components/topBar/Modal.tsx +++ b/packages/frontend/src/components/topBar/Modal.tsx @@ -21,7 +21,7 @@ export const Modal = ({ isShown, onRequestClose, title, children }: ModalProps) <Content> <Header> <Title>{title} - + {children}