adjustments on pagination and order item

shadowmere-xyz · Feb 22, 2024 · 1d251d2 · 1d251d2
1 parent ba8333f
commit 1d251d2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 21 deletions.
diff --git a/components/pagination.tsx b/components/pagination.tsx
@@ -4,11 +4,9 @@ import { Proxies } from "../libs/data";
 import { proxiesObj, pageCounterState } from "../libs/store";
 
 export default function Pagination(props: any) {
-  // const proxies: Proxies = useRecoilValue(proxiesObj)
   const [prox, setProx] = useRecoilState<Proxies>(proxiesObj);
   const [pageCounter, setPageCounter] =
     useRecoilState<number>(pageCounterState);
-  // const [page, setPage] = useState(pageCounter)
 
   const handleFirst = () => {
     setPageCounter(1);
@@ -78,16 +76,8 @@ export default function Pagination(props: any) {
                   e.currentTarget.value = ""
                   e.currentTarget.blur()
                 }
-                // e.key === "Enter" &&
-                //   setPageCounter(parseInt(e.currentTarget.value));
-                // e.currentTarget.value == "";
               }
             }}
-            // onChange={(e) => {
-            //   if (parseInt(e.currentTarget.value) >= 0 && parseInt(e.currentTarget.value) <= prox.total_pages) {
-            //     setPageCounter(parseInt(e.currentTarget.value));
-            //   }
-            // }}
           />
           {`of ${prox?.total_pages}`}
         </div>

diff --git a/components/serverCol.tsx b/components/serverCol.tsx
@@ -13,6 +13,7 @@ import {
 } from "@tabler/icons-react";
 import NewFeature from "./newFeature";
 import NewServer from "./newServer";
+import Link from "next/link";
 
 export default function ServerCol(dataServer: { proxy: any }) {
   const [timeCopy, setTimeCopy] = useState(false);
@@ -28,7 +29,7 @@ export default function ServerCol(dataServer: { proxy: any }) {
   useEffect(() => {
     const view = JSON.parse(localStorage.getItem("viewMode")!);
     setViewMode(view);
-  }, [viewLayout]);
+  }, [viewLayout, setViewMode]);
 
   const handleQR = () => {
     setProxID(dataServer.proxy.id);
@@ -43,11 +44,6 @@ export default function ServerCol(dataServer: { proxy: any }) {
     console.log(localX, localY);
   };
 
-  // useEffect(() => {
-  // 	setHasMounted(true);
-  // },[]);
-
-  // after:contents-[''] after:absolute after:-z-10 after:w-8 after:h-8 after:rounded-full after:bg-white ${hasMounted && style}
   return (
     <div
       ref={ref}
@@ -175,16 +171,14 @@ export default function ServerCol(dataServer: { proxy: any }) {
           <IconQrcode />
         </button>
 
-        <a
-          href={
-            "https://shadowmere.akiel.dev/" + dataServer.proxy.id + "/config"
-          }
+        <Link
           title="Download"
           data-umami-event={"Download"}
+          href={`https://shadowmere.akiel.dev/${dataServer.proxy.id}/config`}
           className="opt-descargar w-4 h-4 sm:w-10 sm:h-10 rounded-md flex items-center justify-center cursor-pointer hover:bg-[#EBEBEB] dark:hover:bg-[#1B1B1B] active:bg-[#D7D7D7] dark:active:bg-[#111111] transition-all duration-150 active:scale-[95%]"
         >
           <IconDownload />
-        </a>
+        </Link>
       </div>
     </div>
   );