@c-rex/templates 0.1.16 → 0.1.18

package/package.json

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

package/src/articles/wrapper.tsx

@@ -89,46 +89,47 @@ export const ArticleWrapper = ({
                 <RenderArticle htmlContent={htmlContent} contentLang={articleLang} />
 
                 <div className="w-full sm:w-auto justify-between bg-primary text-primary-foreground rounded-full shadow-lg flex sticky bottom-4 p-2 float-right gap-2 transition-all duration-300">
+                    {enableHighlight && (
+
+                        <>
+                            <div className="flex items-center">
+                                <input
+                                    type="text"
+                                    value={query as string || ""}
+                                    ref={inputRef}
+                                    onKeyDown={(e) => {
+                                        if (e.key === "Enter") {
+                                            next();
+                                        }
+                                    }}
+
+                                    onChange={(e) => setQuery(e.target.value || null)}
+
+                                    placeholder={t("search")}
+                                    className={cn(
+                                        "border border-gray-300 rounded left-12 transition-all duration-300 rounded-full h-9 bg-secondary text-secondary-foreground focus:outline-none focus:ring-2 focus:ring-blue-500",
+                                        open ? "w-48 opacity-100 px-2 mr-2" : "w-0 opacity-0 px-0"
+                                    )}
+                                />
+
+                                <Button
+                                    variant="ghost" size="icon" rounded="full"
+                                    onClick={() => setOpen(!open)}
+                                >
+                                    {open ? <X className="w-5 h-5" /> : <Search className="w-5 h-5" />}
+                                </Button>
+
+                            </div>
+
+                            <Button variant="ghost" size="icon" rounded="full" onClick={prev}>
+                                <ArrowBigLeft className="h-5 w-5" />
+                            </Button>
+                            <Button variant="ghost" size="icon" rounded="full" onClick={next}>
+                                <ArrowBigRight className="h-5 w-5" />
+                            </Button>
+                        </>
+                    )}
 
-                    <div className="flex items-center">
-                        <input
-                            type="text"
-                            value={query as string || ""}
-                            ref={inputRef}
-                            onKeyDown={(e) => {
-                                if (e.key === "Enter") {
-                                    next();
-                                }
-                            }}
-
-                            onChange={(e) => setQuery(e.target.value || null)}
-
-                            placeholder={t("search")}
-                            className={cn(
-                                "border border-gray-300 rounded left-12 transition-all duration-300 rounded-full h-9 bg-secondary text-secondary-foreground focus:outline-none focus:ring-2 focus:ring-blue-500",
-                                open ? "w-48 opacity-100 px-2 mr-2" : "w-0 opacity-0 px-0"
-                            )}
-                        />
-
-                        <Button
-                            variant="ghost" size="icon" rounded="full"
-                            onClick={() => setOpen(!open)}
-                        >
-                            {open ? <X className="w-5 h-5" /> : <Search className="w-5 h-5" />}
-                        </Button>
-
-                    </div>
-
-                    <Button variant="ghost" size="icon" rounded="full" onClick={prev}>
-                        <ArrowBigLeft className="h-5 w-5" />
-                    </Button>
-                    <Button variant="ghost" size="icon" rounded="full" onClick={next}>
-                        <ArrowBigRight className="h-5 w-5" />
-                    </Button>
-
-                    <Button variant="ghost" size="icon" rounded="full" onClick={rightSidebar.toggleSidebar}>
-                        <StarIcon className="h-5 w-5" />
-                    </Button>
 
                     <Button variant="ghost" size="icon" rounded="full" onClick={() => toggleHighlight(!enableHighlight)}>
                         {enableHighlight ?
@@ -137,6 +138,10 @@ export const ArticleWrapper = ({
                         }
                     </Button>
 
+                    <Button variant="ghost" size="icon" rounded="full" onClick={rightSidebar.toggleSidebar}>
+                        <StarIcon className="h-5 w-5" />
+                    </Button>
+
                     <Button variant="ghost" size="icon" rounded="full" onClick={rightSidebar.toggleSidebar}>
                         <PanelRight className="h-5 w-5" />
                     </Button>

package/src/home/components/filter-sidebar.tsx

@@ -59,7 +59,7 @@ export const FilterSidebar: FC<FilterSidebarProps> = ({ tags, totalItemCount, up
                                                     onClick={() => updateFilterParam(key, item)}
                                                 >
                                                     {item.label} ({item.hits}/{item.total})
-                                                    {item.active && <Check className="ml-2 h-4 w-4" />}
+                                                    {item.active && <Check className="ml-2" />}
                                                 </SidebarMenuSubButton>
                                             </SidebarMenuSubItem>
                                         ))}

package/src/home/layout.tsx

@@ -4,7 +4,7 @@ import { OperatorType, WildCardType } from "@c-rex/types";
 import { InformationUnitsService } from "@c-rex/services";
 import { informationUnitsResponse } from "@c-rex/interfaces";
 import { SearchProvider } from "@c-rex/contexts/search";
-import { getConfigs } from "@c-rex/utils/next-cookies";
+import { getServerConfig } from "@c-rex/core";
 
 interface HomeProps {
     searchParams: {
@@ -21,7 +21,7 @@ interface HomeProps {
 
 export const HomeLayout = async ({ searchParams }: HomeProps) => {
     const { search, page, language, wildcard, operator, like, packages, filter } = searchParams;
-    const config = await getConfigs();
+    const config = getServerConfig();
 
     let data = {
         items: [],

package/src/home/page.tsx

@@ -3,7 +3,7 @@
 import React, { FC, useEffect, useMemo, useState } from "react";
 import { Funnel, Settings2, X } from "lucide-react"
 import { useTranslations } from 'next-intl'
-import { parseAsBoolean, parseAsInteger, parseAsString, ParserBuilder, useQueryStates, Values } from 'nuqs'
+import { parseAsBoolean, parseAsInteger, parseAsString, useQueryStates } from 'nuqs'
 import { informationUnitsResponse } from "@c-rex/interfaces";
 import { Button } from "@c-rex/ui/button";
 import { Badge } from "@c-rex/ui/badge";
@@ -260,7 +260,7 @@ export const HomePage: FC<HomePageProps> = ({ data }) => {
                             <span className="hidden sm:inline">
                                 {t("searchSettings")}
                             </span>
-                            <Settings2 className="h-4 w-4" />
+                            <Settings2 />
                         </Button>
                     )}
                 />