46 lines
2.1 KiB
TypeScript
46 lines
2.1 KiB
TypeScript
/* -------------------------------------------------------------------------- */
|
|
/* Libraries */
|
|
/* -------------------------------------------------------------------------- */
|
|
import React from "react";
|
|
import Modal from "components/containers/modal/Modal";
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Icons/SVG */
|
|
/* -------------------------------------------------------------------------- */
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Components */
|
|
/* -------------------------------------------------------------------------- */
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Hooks */
|
|
/* -------------------------------------------------------------------------- */
|
|
import { useUIViewModel } from "ui/controller/uiViewModel";
|
|
import { useUIStore } from "ui/data/uiSlice";
|
|
import { Combobox } from "@headlessui/react";
|
|
import { useTranslation } from "react-i18next";
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Global search component */
|
|
/* -------------------------------------------------------------------------- */
|
|
export default function GlobalSearchbar() {
|
|
const store = useUIStore();
|
|
const results = ["none", "nonenone"];
|
|
const {t} = useTranslation();
|
|
const { isSearchbarShown, hideSearchbar } = useUIViewModel(store);
|
|
return (
|
|
<Modal
|
|
isOpen={isSearchbarShown}
|
|
onClose={hideSearchbar}
|
|
className="max-w-3xl"
|
|
>
|
|
<Combobox value="" onChange={() => {}}>
|
|
<div className="flex space-x-2 -mt-3 -mx-5 items-center">
|
|
<div className="flex-none basis-5">
|
|
|
|
</div>
|
|
</div>
|
|
<Combobox.Options>
|
|
|
|
</Combobox.Options>
|
|
</Combobox>
|
|
</Modal>
|
|
);
|
|
}
|