chore: cleanup

This commit is contained in:
Erik Tiekstra
2024-08-21 08:18:22 +02:00
parent c6ad5eecc5
commit 0dcb5a796a
32 changed files with 291 additions and 288 deletions

View File

@@ -1,2 +0,0 @@
export interface ButtonProps
extends React.ButtonHTMLAttributes<HTMLButtonElement> {}

View File

@@ -1,11 +0,0 @@
import { ButtonProps } from "./button"
import styles from "./button.module.css"
export default function Button({ children, ...props }: ButtonProps) {
return (
<button type="button" className={styles.button} {...props}>
{children}
</button>
)
}

View File

@@ -8,7 +8,7 @@ import { Lang, languages } from "@/constants/languages"
import { CheckIcon, ChevronDownIcon, GlobeIcon } from "@/components/Icons"
import useLang from "@/hooks/useLang"
import Button from "../Button"
import TopMenuButton from "../TopMenuButton"
import styles from "./languageSwitcher.module.css"
@@ -26,7 +26,7 @@ export default function LanguageSwitcher({ urls }: LanguageSwitcherProps) {
return (
<div className={styles.languageSwitcher}>
<Button onClick={toggleExpand}>
<TopMenuButton onClick={toggleExpand}>
<GlobeIcon width={20} height={20} color="burgundy" />
<span>{languages[currentLanguage]}</span>
<ChevronDownIcon
@@ -35,7 +35,7 @@ export default function LanguageSwitcher({ urls }: LanguageSwitcherProps) {
height={20}
color="burgundy"
/>
</Button>
</TopMenuButton>
<div
className={`${styles.dropdown} ${isExpanded ? styles.isExpanded : ""}`}
>

View File

@@ -1,5 +0,0 @@
import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
export interface LanguageSwitcherProps {
urls: LanguageSwitcherData
}

View File

@@ -4,15 +4,15 @@ import { useIntl } from "react-intl"
import { SearchIcon } from "@/components/Icons"
import Button from "../Button"
import TopMenuButton from "../TopMenuButton"
export default function Search() {
const intl = useIntl()
return (
<Button>
<TopMenuButton>
<SearchIcon width={20} height={20} color="burgundy" />
{intl.formatMessage({ id: "Find booking" })}
</Button>
</TopMenuButton>
)
}

View File

@@ -0,0 +1,14 @@
import styles from "./topMenuButton.module.css"
import { TopMenuButtonProps } from "@/types/components/header/topMenuButton"
export default function TopMenuButton({
children,
...props
}: TopMenuButtonProps) {
return (
<button type="button" className={styles.button} {...props}>
{children}
</button>
)
}