@c-rex/templates 0.1.7 → 0.1.9

package/src/home/page.tsx

@@ -1,87 +0,0 @@
-"use client";
-
-import React, { FC } from "react";
-import { informationUnitsResponse } from "@c-rex/interfaces";
-import { call, getFromCookieString } from "@c-rex/utils";
-import { Button } from "@c-rex/ui/button";
-import { AutoComplete } from "@c-rex/components/autocomplete";
-import { ResultList } from "@c-rex/components/result-list";
-import { useTranslations } from 'next-intl'
-import { parseAsInteger, parseAsString, useQueryStates } from 'nuqs'
-import { DialogFilter } from "@c-rex/components/dialog-filter";
-import { CONTENT_LANG_KEY } from "@c-rex/constants";
-import { useAppConfig } from "@c-rex/contexts/config-provider";
-
-interface HomePageProps {
-    data: informationUnitsResponse;
-    selectedLanguages: string[];
-}
-
-export const HomePage: FC<HomePageProps> = ({ data, selectedLanguages }) => {
-    const { configs, availableLanguagesAndCountries: availableLanguages, contentLang } = useAppConfig()
-    const t = useTranslations();
-    const [params, setParams] = useQueryStates({
-        search: {
-            defaultValue: "",
-            parse(value) {
-                return value
-            },
-        },
-        operator: parseAsString,
-        language: parseAsString,
-        page: parseAsInteger,
-    }, {
-        history: 'push',
-        shallow: false,
-    });
-
-    const { search } = params;
-
-    const onSearch = (value: string): Promise<string[]> => {
-        return call<string[]>("InformationUnitsService.getSuggestions", { query: value, language: contentLang });
-    }
-
-    const onSelect = (value: string) => {
-        //show loading
-
-        const cookie = getFromCookieString(document.cookie, CONTENT_LANG_KEY)
-
-        setParams({
-            search: value,
-            operator: "OR",
-            page: 1,
-            language: cookie,
-        });
-    };
-
-    return (
-        <div className="container">
-            <div className="grid grid-cols-12 gap-4 py-6">
-                <div className="col-span-12 sm:col-span-9 md:col-span-10">
-                    <AutoComplete
-                        initialValue={search}
-                        onSearch={onSearch}
-                        onSelect={onSelect}
-                    />
-                </div>
-                <div className="col-span-12 sm:col-span-3 md:col-span-2">
-                    <div className="flex justify-end">
-                        <DialogFilter
-                            startSelectedLanguages={selectedLanguages}
-                            availableLanguages={availableLanguages}
-                            trigger={(
-                                <Button variant="default">{t("filters")}</Button>
-                            )}
-                        />
-                    </div>
-                </div>
-            </div>
-
-            <ResultList
-                configs={configs}
-                items={data.items}
-                pagination={data.pageInfo}
-            />
-        </div>
-    );
-};