fix(revisions)/small fixes

Author: AdeliyaG

src/app/header/index.tsx

@@ -66,10 +66,20 @@ const Header = () => {
                         onKeyDown={handleKeyDown}
                     />
                 )}
-                <a className="m-4 text-gray-600" href={GITHUB_MAIN}>
+                <a
+                    className="m-4 text-gray-600"
+                    href={GITHUB_MAIN}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >
                     GitHub
                 </a>
-                <a className="m-4 text-gray-600" href={GITHUB_FEEDBACK}>
+                <a
+                    className="m-4 text-gray-600"
+                    href={GITHUB_FEEDBACK}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >
                     Feedback
                 </a>
             </div>

src/features/repo-list/index.scss

@@ -2,7 +2,7 @@
     margin-left: 38px;
 
     &__placeholder {
-        margin: 20px 0;
+        margin: 30px 0;
         text-align: center;
     }
 

src/features/repo-list/index.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { Empty } from "antd";
 import { Repo, Tabs, SimplePagination, Card } from "shared/components";
 import { str, dom } from "shared/helpers";
 import { useReposQuery } from "./queries.gen";
@@ -53,6 +54,7 @@ const RepoList = ({ username }: Props) => {
                     ))
                 ) : (
                     <h2 className="repo-list__placeholder">
+                        <Empty description={false} />
                         {username} doesn’t have any repositories yet.
                     </h2>
                 )}

src/features/user-info/index.scss

@@ -36,11 +36,8 @@
     &__btn.follow,
     &__btn.unfollow,
     &__btn.edit {
+        display: block;
         margin-top: 10px;
         transition: 0.4s;
-
-        &:hover {
-            cursor: pointer;
-        }
     }
 }

src/features/user-info/index.tsx

@@ -32,7 +32,6 @@ const UserInfo = ({ username }: Props) => {
             <h1 className="user-info__name">{name}</h1>
             <h4 className="user-info__username">{username}</h4>
             <span className="user-info__bio">{bio}</span>
-            <br></br>
             {isViewer ? (
                 <Button className="user-info__btn edit" disabled title="While not available">
                     Edit profile

src/pages/user/index.scss

@@ -1,3 +1,4 @@
 .page-user {
+    padding: 0 20px;
     margin: 40px 10% !important;
 }

src/shared/components/card/index.scss

@@ -1,5 +1,5 @@
 .card {
-    height: 140px;
+    height: 150px;
     padding: 22px;
     font-family: var(--ff-secondary);
     font-size: 14px;

src/shared/components/card/skeleton/index.scss

@@ -1,5 +1,5 @@
 .card-skeleton {
     width: 100% !important;
-    height: 145px !important;
+    height: 155px !important;
     border-radius: 10px;
 }

src/shared/components/simple-pagination/index.scss

@@ -2,4 +2,14 @@
     &.center {
         text-align: center;
     }
+
+    .prev-btn {
+        border-top-right-radius: 0 !important;
+        border-bottom-right-radius: 0 !important;
+    }
+
+    .next-btn {
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+    }
 }

src/shared/components/simple-pagination/index.tsx

@@ -26,10 +26,10 @@ const SimplePagination = (props: Props) => {
     return (
         <div className={cn("simple-pagination", { center })}>
             <Button.Group>
-                <Button disabled={!hasPrevPage} onClick={onPrev}>
+                <Button className="prev-btn" disabled={!hasPrevPage} onClick={onPrev}>
                     <LeftOutlined /> Prev
                 </Button>
-                <Button disabled={!hasNextPage} onClick={onNext}>
+                <Button className="next-btn" disabled={!hasNextPage} onClick={onNext}>
                     Next <RightOutlined />
                 </Button>
             </Button.Group>