From 94be799586d16161e32904ef6300e8918f00913c Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Wed, 29 Mar 2023 06:15:25 +0330
Subject: [PATCH] small improvements

---
 components/LinkList.tsx       | 8 ++++----
 components/Modal/EditLink.tsx | 5 +++--
 next.config.js                | 2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/LinkList.tsx b/components/LinkList.tsx
index 0dd5a0c..ff5e786 100644
--- a/components/LinkList.tsx
+++ b/components/LinkList.tsx
@@ -28,7 +28,7 @@ export default function ({
 
   const { removeLink } = useLinkStore();
 
-  const shortendURL = new URL(link.url).host.toLowerCase();
+  const url = new URL(link.url);
   const formattedDate = new Date(link.createdAt).toLocaleString("en-US", {
     year: "numeric",
     month: "short",
@@ -48,7 +48,7 @@ export default function ({
       ) : null}
 
       <Image
-        src={`http://icons.duckduckgo.com/ip3/${shortendURL}.ico`}
+        src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`}
         width={32}
         height={32}
         alt=""
@@ -60,7 +60,7 @@ export default function ({
         }}
       />
       <Image
-        src={`http://icons.duckduckgo.com/ip3/${shortendURL}.ico`}
+        src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${url.origin}&size=32`}
         width={80}
         height={80}
         alt=""
@@ -98,7 +98,7 @@ export default function ({
             <p className="text-gray-500">{formattedDate}</p>
             <a href={link.url} target="_blank" className="group/url">
               <div className="text-gray-500 font-bold flex items-center gap-1">
-                <p>{shortendURL}</p>
+                <p>{url.host}</p>
                 <FontAwesomeIcon
                   icon={faArrowUpRightFromSquare}
                   className="w-3 opacity-0 group-hover/url:opacity-100 duration-75"
diff --git a/components/Modal/EditLink.tsx b/components/Modal/EditLink.tsx
index f150476..e43b740 100644
--- a/components/Modal/EditLink.tsx
+++ b/components/Modal/EditLink.tsx
@@ -43,8 +43,9 @@ export default function EditLink({ toggleLinkModal, link }: Props) {
   return (
     <div className="flex flex-col gap-3">
       <p className="font-bold text-sky-300 mb-2 text-center">Edit Link</p>
-      <p>{shortendURL}</p>
-      <p>{link.title}</p>
+      <p className="text-sky-700">
+        {shortendURL} | {link.title}
+      </p>
       <div className="flex gap-5 items-center justify-between">
         <p className="text-sm font-bold text-sky-300">Name</p>
         <input
diff --git a/next.config.js b/next.config.js
index db40b80..1c05e95 100644
--- a/next.config.js
+++ b/next.config.js
@@ -2,7 +2,7 @@
 const nextConfig = {
   reactStrictMode: true,
   images: {
-    domains: ["icons.duckduckgo.com"],
+    domains: ["t2.gstatic.com"],
   },
 };