adding a new tag to fresh servers

shadowmere-xyz · Feb 13, 2024 · ae646b2 · ae646b2
1 parent a303875
commit ae646b2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/components/newServer.tsx b/components/newServer.tsx
@@ -0,0 +1,7 @@
+
+
+export default function NewServer () {
+    return (
+        <span className="w-8 h-[22px] flex items-center justify-center animate-pulse duration-100 py-px px-1 bg-[#dc2626] -top-2 -right-2 text-[8px] text-white rounded-sm">NEW</span>
+    )
+}
diff --git a/components/serverCol.tsx b/components/serverCol.tsx
@@ -11,6 +11,8 @@ import {
   IconDownload,
   IconQrcode,
 } from "@tabler/icons-react";
+import NewFeature from "./newFeature";
+import NewServer from "./newServer";
 
 export default function ServerCol(dataServer: { proxy: any }) {
   const [timeCopy, setTimeCopy] = useState(false);
@@ -60,9 +62,12 @@ export default function ServerCol(dataServer: { proxy: any }) {
             {getFlagEmoji(dataServer.proxy.location_country_code)}
           </div>
           <div className="nombre-ip w-auto h-auto flex flex-col ">
-            <span className=" leading-[1.10rem] font-semibold w-auto overflow-hidden truncate text-[14px] sm:text-[16px] ">
-              {dataServer.proxy.location_country}
-            </span>
+            <div className="flex gap-1">
+              <span className=" leading-[1.10rem] font-semibold w-auto overflow-hidden truncate text-[14px] sm:text-[16px] ">
+                {dataServer.proxy.location_country}
+              </span>
+              {dataServer.proxy.times_checked < 10 && <NewServer />}
+            </div>
             <span className=" leading-[1.10rem] font-medium w-auto overflow-hidden truncate text-[14px] text-[#7e7d7d] sm:text-[16px] ">
               {dataServer.proxy.ip_address}
             </span>