Home Explore Help
Register Sign In
pomeroyt
/
hawkband-wled-client
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fixed to make it build

Timothy Pomeroy 2 years ago
parent
71cca519ce
commit
1f81b884df
7 changed files with 15 additions and 20 deletions
Split View Show Diff Stats
  1. 1 1
      app/globals.scss
  2. 1 1
      app/layout.js
  3. 0 2
      components/Automation.js
  4. 0 2
      components/Management.js
  5. 2 1
      components/Menu.js
  6. 8 12
      components/ScreenSize.js
  7. 3 1
      lib/utils.js

+ 1 - 1
app/globals.scss
View File 

@@ -215,7 +215,7 @@ body {
 
     margin: 0 0 1rem 0;
 
   }
 
 
-  @media only screen and (max-width: 551px) {
 
+  @media only screen and (max-width: 550px) {
 
     .ty-notification-container {
 
       font-size: 0.7rem;
 
       width: 250px;

+ 1 - 1
app/layout.js
View File 

@@ -11,7 +11,7 @@ export const metadata = {
 
 export default function RootLayout({ children }) {
 
   return (
 
     <html lang="en">
 
-      <body className={inter?.className}>{children}</body>
 
+      <body className={inter.className}>{children}</body>
 
     </html>
 
   );
 
 }

+ 0 - 2
components/Automation.js
View File 

@@ -1,5 +1,3 @@
 
-"use client";
 
-
 
 import { useEffect, useState } from "react";
 
 import useSWR from "swr";
 
 import { Button, Icon, Steps } from "tiny-ui";

+ 0 - 2
components/Management.js
View File 

@@ -1,5 +1,3 @@
 
-"use client";
 
-
 
 import { useEffect, useRef, useState } from "react";
 
 import styled from "styled-components";
 
 import {

+ 2 - 1
components/Menu.js
View File 

@@ -1,3 +1,5 @@
 
+"use client";
 
+
 
 import Link from "next/link";
 
 
 import { Image, Menu as _Menu } from "tiny-ui";
 
@@ -11,7 +13,6 @@ const MENU = [
 
 
 const Menu = ({ page, ...rest }) => {
 
   const screenSize = useScreenSize();
 
-
 
   let items = MENU?.map((o, i) => (
 
     <_Menu.Item key={i}>
 
       <Link href={o?.url}>{o?.text}</Link>

+ 8 - 12
components/ScreenSize.js
View File 

@@ -1,12 +1,10 @@
 
-"use client";
 
-
 
 import { useEffect, useState } from "react";
 
 
 const useScreenSize = () => {
 
   const [screenSize, setScreenSize] = useState({
 
-    width: null,
 
-    height: null
 
-  });
 
+    width: 1024,
 
+    height: 768
 
+  }); // assume 1024x768 initial
 
 
   useEffect(() => {
 
     const handleResize = () => {
 
@@ -15,13 +13,11 @@ const useScreenSize = () => {
 
         height: window?.innerHeight
 
       });
 
     };
 
-    if (window) {
 
-      handleResize();
 
-      window.addEventListener("resize", handleResize);
 
-      return () => {
 
-        window.removeEventListener("resize", handleResize);
 
-      };
 
-    }
 
+    handleResize(); // set the size on load
 
+    window.addEventListener("resize", handleResize);
 
+    return () => {
 
+      window.removeEventListener("resize", handleResize);
 
+    };
 
   }, []);
 
 
   return screenSize;

+ 3 - 1
lib/utils.js
View File 

@@ -250,7 +250,9 @@ const hasNavigator = () => {
 
 };
 
 
 const hasDocument = () => {
 
-  return typeof document !== "undefined" && document ? true : false;
 
+  return hasWindow() && typeof document !== "undefined" && document
 
+    ? true
 
+    : false;
 
 };
 
 
 const typeofDate = (value) => {