@c-rex/templates 0.1.21 → 0.1.23

package/package.json

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

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

@@ -28,7 +28,7 @@ interface FilterSidebarProps {
 export const FilterSidebar: FC<FilterSidebarProps> = ({ tags, totalItemCount, updateFilterParam }) => {
     const t = useTranslations();
     const device = useBreakpoint();
-    const isMobile = (device === DEVICE_OPTIONS.MOBILE);
+    const isMobile = device !== null && (device === DEVICE_OPTIONS.MOBILE);
 
     if (Object.keys(tags).length === 0) return null;
 

package/src/home/page.tsx

@@ -37,7 +37,7 @@ export const HomePage: FC<HomePageProps> = ({ data }) => {
     const t = useTranslations();
     const { setLoading } = useSearchContext();
     const device = useBreakpoint();
-    const isMobile = device === DEVICE_OPTIONS.MOBILE;
+    const isMobile = device !== null && device === DEVICE_OPTIONS.MOBILE;
     const [open, setOpen] = useState<boolean>(false)
     const [params, setParams] = useQueryStates({
         language: parseAsString,
@@ -186,7 +186,7 @@ export const HomePage: FC<HomePageProps> = ({ data }) => {
         return filters
     }, [tags, params]);
 
-    useEffect(() => setLoading(false), [data])
+    useEffect(() => setLoading(false), [data, setLoading])
 
     const updateFilterParam = (key: string, item: any) => {
         setLoading(true)

package/src/home/page2.tsx

@@ -37,7 +37,7 @@ export const HomePage: FC<HomePageProps> = ({ data }) => {
     const t = useTranslations();
     const { setLoading } = useSearchContext();
     const device = useBreakpoint();
-    const isMobile = device === DEVICE_OPTIONS.MOBILE;
+    const isMobile = device !== null && device === DEVICE_OPTIONS.MOBILE;
     const [open, setOpen] = useState<boolean>(false)
     const [params, setParams] = useQueryStates({
         language: parseAsString,

package/src/utils.ts

@@ -3,19 +3,14 @@ import { headers } from "next/headers";
 
 const getBrowserLangFromHeader = (): string => {
     const h = headers();
-    const accept = h.get("accept-language");
+    const accept = h.get("accept-language"); // ex: "pt-BR,pt;q=0.9,en-US;q=0.8,en;q=0.7"
 
     if (!accept) return "";
 
-    const primary = accept.split(",")
-
-    if (primary && primary[0]) {
-        return primary[0].toLowerCase();
-    }
-
-    return "";
+    return accept.split(",")[0]?.toLowerCase() || "";
 }
 
+
 export const resolveUILanguage = ({
     uiLangCookie,
     defaultLang,