From 7a1b0321d2a748541c799c40afe0937872d75d71 Mon Sep 17 00:00:00 2001
From: adithya-naik <jatothadithyanaik@gmail.com>
Date: Wed, 7 Jan 2026 07:19:10 +0530
Subject: [PATCH 1/3] Fix last_modified

---
 components/RepositoryItem.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/RepositoryItem.tsx b/components/RepositoryItem.tsx
index 6b41bb92..9fe2bd7c 100644
--- a/components/RepositoryItem.tsx
+++ b/components/RepositoryItem.tsx
@@ -12,18 +12,19 @@ type RepositoryItemProps = {
   repository: Repository;
 };
 
+dayjs.extend(relativeTime);
+const useLastModified = (date: string) => {
+  const [lastModified, setLastModified] = useState("");
+
+  useEffect(() => setLastModified(dayjs(date).fromNow()), [date]);
+
+  return lastModified;
+};
+
 export const RepositoryItem = ({ repository }: RepositoryItemProps) => {
   const [isIssueOpen, setIsIssueOpen] = useState(false);
   const [isIssuesListVisible, setIsIssuesListVisible] = useState(false);
 
-  dayjs.extend(relativeTime);
-  const useLastModified = (date: string) => {
-    const [lastModified, setLastModified] = useState("");
-
-    useEffect(() => setLastModified(dayjs(date).fromNow()), [date]);
-
-    return lastModified;
-  };
   const lastModified = useLastModified(repository.last_modified);
 
   useEffect(() => {
@@ -35,6 +36,7 @@ export const RepositoryItem = ({ repository }: RepositoryItemProps) => {
       return () => clearTimeout(timer);
     }
   }, [isIssueOpen]);
+  console.log(repository.name, repository.last_modified, lastModified);
 
   return (
     <div className="repo-item">
@@ -61,7 +63,7 @@ export const RepositoryItem = ({ repository }: RepositoryItemProps) => {
             />
           </div>
         </div>
-        <div className={`repo-item__issues-warper ${isIssueOpen ? 'open' : ''}`}>
+        <div className={`repo-item__issues-warper ${isIssueOpen ? "open" : ""}`}>
           {isIssuesListVisible && <IssuesList issues={repository.issues} />}
         </div>
       </div>

From 84bbef525a152bcc9d06b6dc936aeac3f15795c7 Mon Sep 17 00:00:00 2001
From: Jatoth Adithya Naik <jatothadithyanaik@gmail.com>
Date: Wed, 7 Jan 2026 07:44:27 +0530
Subject: [PATCH 2/3] Remove console log in RepositoryItem component

Removed console log for repository details.
---
 components/RepositoryItem.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/RepositoryItem.tsx b/components/RepositoryItem.tsx
index 9fe2bd7c..ce26fd5b 100644
--- a/components/RepositoryItem.tsx
+++ b/components/RepositoryItem.tsx
@@ -36,7 +36,6 @@ export const RepositoryItem = ({ repository }: RepositoryItemProps) => {
       return () => clearTimeout(timer);
     }
   }, [isIssueOpen]);
-  console.log(repository.name, repository.last_modified, lastModified);
 
   return (
     <div className="repo-item">

From e3a3172d0ed9cb053bce19af05468dad233f4151 Mon Sep 17 00:00:00 2001
From: Jatoth Adithya Naik <jatothadithyanaik@gmail.com>
Date: Fri, 12 Jun 2026 10:21:09 +0530
Subject: [PATCH 3/3] fix: initialize useLastModified state early to avoid
 blank SSR render

---
 components/RepositoryItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/RepositoryItem.tsx b/components/RepositoryItem.tsx
index ce26fd5b..c283a6c0 100644
--- a/components/RepositoryItem.tsx
+++ b/components/RepositoryItem.tsx
@@ -14,9 +14,9 @@ type RepositoryItemProps = {
 
 dayjs.extend(relativeTime);
 const useLastModified = (date: string) => {
-  const [lastModified, setLastModified] = useState("");
+  const [lastModified, setLastModified] = useState(() => daysjs(date).fromNow());
 
-  useEffect(() => setLastModified(dayjs(date).fromNow()), [date]);
+  useEffect(() => { setLastModified(dayjs(date).fromNow()); }, [date]);
 
   return lastModified;
 };