feat(repo-explorer): last commit header prop destructured

Author: niyazm524

src/features/repo-explorer/components/entries-view/last-commit-header.tsx

@@ -8,31 +8,29 @@ type Props = {
     lastCommit: GitCommit;
 };
 
-const LastCommitHeader = ({ lastCommit }: Props) => (
-    <div className="repo-git-view__last-commit">
-        <div className="commit-info">
-            {lastCommit?.avatarUrl ? (
-                <>
-                    <img src={lastCommit?.avatarUrl} alt="avatar" />
-                    <Link className="author-name" to={`/${lastCommit?.login}`}>
-                        {lastCommit?.login}
+const LastCommitHeader = ({ lastCommit }: Props) => {
+    const { login, name, avatarUrl, message, date } = lastCommit || {};
+    return (
+        <div className="repo-git-view__last-commit">
+            <div className="commit-info">
+                <img src={avatarUrl ?? logo} alt="avatar" />
+                {avatarUrl ? (
+                    <Link className="author-name" to={`/${login}`}>
+                        {login}
                     </Link>
-                </>
-            ) : (
-                <>
-                    <img src={logo} alt="avatar" />
-                    <span className="author-name">{lastCommit?.name}</span>
-                </>
-            )}
-            &nbsp;
-            <span className="commit-message" title={lastCommit?.message}>
-                {lastCommit?.message}
-            </span>
+                ) : (
+                    <span className="author-name">{name}</span>
+                )}
+                &nbsp;
+                <span className="commit-message" title={message}>
+                    {message}
+                </span>
+            </div>
+            <div>
+                <span className="commit-date">on {dayjs(date).format("D MMM YYYY")}</span>
+            </div>
         </div>
-        <div>
-            <span className="commit-date">on {dayjs(lastCommit?.date).format("D MMM YYYY")}</span>
-        </div>
-    </div>
-);
+    );
+};
 
 export default LastCommitHeader;