chore: cleanup
This commit is contained in:
@@ -1,2 +0,0 @@
|
||||
export interface ButtonProps
|
||||
extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
@@ -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 : ""}`}
|
||||
>
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
import { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
|
||||
|
||||
export interface LanguageSwitcherProps {
|
||||
urls: LanguageSwitcherData
|
||||
}
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
14
components/Header/TopMenu/TopMenuButton/index.tsx
Normal file
14
components/Header/TopMenu/TopMenuButton/index.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user