@c-rex/templates 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-rex/templates",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "files": [
     "src"

package/src/home/layout.tsx

@@ -1,8 +1,9 @@
 import React from "react";
-import { informationUnits } from "@c-rex/interfaces";
+import { ConfigInterface, informationUnits } from "@c-rex/interfaces";
 import { InformationUnitsService, LanguageService } from "@c-rex/services";
-import { getConfigs } from "@c-rex/utils/next-cookies";
+import { getConfigs, getCookie } from "@c-rex/utils/next-cookies";
 import { HomePage } from "./page";
+import { SDK_CONFIG_KEY } from "@c-rex/constants";
 
 interface SearchParams {
     search?: string;
@@ -68,10 +69,17 @@ const loadData = async ({
 
 export const HomeLayout = async ({ searchParams }: HomeProps) => {
     const { data, filters: { selectedLanguages, availableLanguages } } = await loadData(searchParams);
+    const jsonConfigs = await getCookie(SDK_CONFIG_KEY);
+    if (!jsonConfigs) {
+        return null;
+    }
+
+    const configs: ConfigInterface = JSON.parse(jsonConfigs);
 
     return (
         <HomePage
             data={data}
+            configs={configs}
             selectedLanguages={selectedLanguages}
             availableLanguages={availableLanguages}
         />

package/src/home/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC } from "react";
-import { informationUnits } from "@c-rex/interfaces";
+import { ConfigInterface, informationUnits } from "@c-rex/interfaces";
 import { call } from "@c-rex/utils";
 import { Button } from "@c-rex/ui/button";
 import { AutoComplete } from "@c-rex/components/autocomplete";
@@ -11,18 +11,19 @@ import { parseAsInteger, parseAsString, useQueryStates } from 'nuqs'
 import { DialogFilter } from "@c-rex/components/dialog-filter";
 import { getCookie } from "@c-rex/utils/next-cookies";
 import { CONTENT_LANG_KEY } from "@c-rex/constants";
-import { SearchProvider } from "@c-rex/contexts/search";
 
 interface HomePageProps {
     data: informationUnits;
     selectedLanguages: string[];
     availableLanguages: any;
+    configs: ConfigInterface
 }
 
 export const HomePage: FC<HomePageProps> = ({
     data,
     selectedLanguages,
     availableLanguages,
+    configs
 }) => {
     const t = useTranslations();
     const [params, setParams] = useQueryStates({
@@ -58,32 +59,30 @@ export const HomePage: FC<HomePageProps> = ({
     };
 
     return (
-        <SearchProvider>
-            <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
+        <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>
+                            startSelectedLanguages={selectedLanguages}
+                            availableLanguages={availableLanguages}
+                            trigger={(
+                                <Button variant="default">{t("filters")}</Button>
+                            )}
+                        />
                     </div>
                 </div>
-
-                <ResultList items={data.items} />
             </div>
-        </SearchProvider>
+
+            <ResultList items={data.items} configs={configs} />
+        </div>
     );
 };