From e232616cf2045b28f46062631e01be86310acc6b Mon Sep 17 00:00:00 2001
From: tonyrewin <anton.rewin@gmail.com>
Date: Sun, 27 Nov 2022 09:33:05 +0300
Subject: [PATCH] cosmetics

---
 public/icons/circle-plus.svg                     |  4 ++++
 public/icons/dislike.svg                         |  5 +----
 public/icons/edit-2.svg                          |  1 +
 public/icons/favorite.svg                        |  1 +
 public/icons/feather.svg                         |  1 +
 public/icons/filters.svg                         |  1 +
 public/icons/internet.svg                        |  1 +
 public/icons/like.svg                            |  5 +----
 public/icons/link.svg                            |  1 +
 public/icons/share-new.svg                       |  1 +
 src/components/Article/RatingControl.module.scss | 10 +++-------
 src/components/Article/RatingControl.tsx         |  9 +++++++--
 src/components/Author/Card.module.scss           |  5 +++++
 src/components/Author/Card.tsx                   |  2 +-
 src/components/Nav/Header.tsx                    |  7 ++-----
 src/components/Nav/HeaderAuth.tsx                |  2 +-
 16 files changed, 32 insertions(+), 24 deletions(-)
 create mode 100644 public/icons/circle-plus.svg
 create mode 100644 public/icons/edit-2.svg
 create mode 100644 public/icons/favorite.svg
 create mode 100644 public/icons/feather.svg
 create mode 100644 public/icons/filters.svg
 create mode 100644 public/icons/internet.svg
 create mode 100644 public/icons/link.svg
 create mode 100644 public/icons/share-new.svg

diff --git a/public/icons/circle-plus.svg b/public/icons/circle-plus.svg
new file mode 100644
index 00000000..10485e2a
--- /dev/null
+++ b/public/icons/circle-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="256" height="256">
+<path d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Zm4-9H13V8a1,1,0,0,0-2,0v3H8a1,1,0,0,0,0,2h3v3a1,1,0,0,0,2,0V13h3a1,1,0,0,0,0-2Z" fill="#000000" class="color000 svgShape">
+</path>
+</svg>
diff --git a/public/icons/dislike.svg b/public/icons/dislike.svg
index ca18143f..ff8a48d9 100644
--- a/public/icons/dislike.svg
+++ b/public/icons/dislike.svg
@@ -1,4 +1 @@
-<svg width="18" height="18" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path transform="rotate(180 9 9)" d="M0 8H3V18H0V8Z" fill="#141414"/>
-<path transform="rotate(180 9 9)" d="M4 18V8H5.50049C5.81525 8 6.11164 7.85181 6.30049 7.6L8.87932 4.16155C8.95929 4.05493 9.01714 3.93339 9.04947 3.80409L9.93965 0.243377C9.9754 0.100343 10.1039 0 10.2514 0C11.4935 0 12.5005 1.00697 12.5005 2.24913V4.5L12.1636 6.85858C12.0775 7.46101 12.545 8 13.1535 8H19.0005C19.5528 8 20.0005 8.44771 20.0005 9V9.3702C20.0005 9.93081 19.7652 10.4657 19.3519 10.8445L19.2854 10.9055C18.8721 11.2843 18.6369 11.8192 18.6369 12.3798V13.1202C18.6369 13.6808 18.4016 14.2157 17.9883 14.5945L17.651 14.9037C17.4031 15.1309 17.2166 15.4169 17.1085 15.7353L16.256 18.2473C16.1064 18.6879 15.6726 18.9672 15.2095 18.9209L6.00049 18H4Z" fill="#141414"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,2H6.27A3,3,0,0,0,3.32,4.46l-1.27,7A3,3,0,0,0,5,15H9.56L9,16.43A4.13,4.13,0,0,0,12.89,22a1,1,0,0,0,.91-.59L16.65,15H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM15,13.79l-2.72,6.12a2.13,2.13,0,0,1-1.38-2.78l.53-1.43A2,2,0,0,0,9.56,13H5a1,1,0,0,1-.77-.36A1,1,0,0,1,4,11.82l1.27-7a1,1,0,0,1,1-.82H15ZM20,12a1,1,0,0,1-1,1H17V4h2a1,1,0,0,1,1,1Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/edit-2.svg b/public/icons/edit-2.svg
new file mode 100644
index 00000000..f1a2cd61
--- /dev/null
+++ b/public/icons/edit-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5,18H9.24a1,1,0,0,0,.71-.29l6.92-6.93h0L19.71,8a1,1,0,0,0,0-1.42L15.47,2.29a1,1,0,0,0-1.42,0L11.23,5.12h0L4.29,12.05a1,1,0,0,0-.29.71V17A1,1,0,0,0,5,18ZM14.76,4.41l2.83,2.83L16.17,8.66,13.34,5.83ZM6,13.17l5.93-5.93,2.83,2.83L8.83,16H6ZM21,20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/favorite.svg b/public/icons/favorite.svg
new file mode 100644
index 00000000..3a22c296
--- /dev/null
+++ b/public/icons/favorite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22,9.67A1,1,0,0,0,21.14,9l-5.69-.83L12.9,3a1,1,0,0,0-1.8,0L8.55,8.16,2.86,9a1,1,0,0,0-.81.68,1,1,0,0,0,.25,1l4.13,4-1,5.68A1,1,0,0,0,6.9,21.44L12,18.77l5.1,2.67a.93.93,0,0,0,.46.12,1,1,0,0,0,.59-.19,1,1,0,0,0,.4-1l-1-5.68,4.13-4A1,1,0,0,0,22,9.67Zm-6.15,4a1,1,0,0,0-.29.88l.72,4.2-3.76-2a1.06,1.06,0,0,0-.94,0l-3.76,2,.72-4.2a1,1,0,0,0-.29-.88l-3-3,4.21-.61a1,1,0,0,0,.76-.55L12,5.7l1.88,3.82a1,1,0,0,0,.76.55l4.21.61Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/feather.svg b/public/icons/feather.svg
new file mode 100644
index 00000000..94301c31
--- /dev/null
+++ b/public/icons/feather.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32"><path d="M 27 4 C 18.197 4 13.798547 8.7946094 11.685547 11.099609 L 8.6367188 14.175781 C 6.9357187 15.874781 6 18.134063 6 20.539062 L 6 22 L 8.0273438 19.972656 C 8.1593437 18.316656 8.862875 16.775797 10.046875 15.591797 L 13.160156 12.451172 C 14.996156 10.449172 18.728609 6.3784375 25.974609 6.0234375 C 25.75316 10.544739 24.085863 13.696801 22.376953 15.875 L 19 17 L 21.417969 17 C 20.723657 17.756409 20.066554 18.365046 19.548828 18.839844 L 18.568359 19.810547 L 15 21 L 17.367188 21 L 16.410156 21.947266 C 15.088156 23.269266 13.330937 23.998047 11.460938 23.998047 L 9.4160156 23.998047 L 18.707031 14.707031 L 17.292969 13.292969 L 4 26.585938 L 5.4140625 28 L 7.4160156 25.998047 L 11.460938 25.998047 C 13.864937 25.998047 16.125125 25.061422 17.828125 23.357422 L 20.898438 20.3125 C 23.203437 18.2015 28 13.804 28 5 L 28 4 L 27 4 z"/></svg>
diff --git a/public/icons/filters.svg b/public/icons/filters.svg
new file mode 100644
index 00000000..f7f8681c
--- /dev/null
+++ b/public/icons/filters.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,2H5A3,3,0,0,0,2,5V6.17a3,3,0,0,0,.25,1.2l0,.06a2.81,2.81,0,0,0,.59.86L9,14.41V21a1,1,0,0,0,.47.85A1,1,0,0,0,10,22a1,1,0,0,0,.45-.11l4-2A1,1,0,0,0,15,19V14.41l6.12-6.12a2.81,2.81,0,0,0,.59-.86l0-.06A3,3,0,0,0,22,6.17V5A3,3,0,0,0,19,2ZM13.29,13.29A1,1,0,0,0,13,14v4.38l-2,1V14a1,1,0,0,0-.29-.71L5.41,8H18.59ZM20,6H4V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/internet.svg b/public/icons/internet.svg
new file mode 100644
index 00000000..714fd374
--- /dev/null
+++ b/public/icons/internet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.41,8.64s0,0,0-.05a10,10,0,0,0-18.78,0s0,0,0,.05a9.86,9.86,0,0,0,0,6.72s0,0,0,.05a10,10,0,0,0,18.78,0s0,0,0-.05a9.86,9.86,0,0,0,0-6.72ZM4.26,14a7.82,7.82,0,0,1,0-4H6.12a16.73,16.73,0,0,0,0,4Zm.82,2h1.4a12.15,12.15,0,0,0,1,2.57A8,8,0,0,1,5.08,16Zm1.4-8H5.08A8,8,0,0,1,7.45,5.43,12.15,12.15,0,0,0,6.48,8ZM11,19.7A6.34,6.34,0,0,1,8.57,16H11ZM11,14H8.14a14.36,14.36,0,0,1,0-4H11Zm0-6H8.57A6.34,6.34,0,0,1,11,4.3Zm7.92,0h-1.4a12.15,12.15,0,0,0-1-2.57A8,8,0,0,1,18.92,8ZM13,4.3A6.34,6.34,0,0,1,15.43,8H13Zm0,15.4V16h2.43A6.34,6.34,0,0,1,13,19.7ZM15.86,14H13V10h2.86a14.36,14.36,0,0,1,0,4Zm.69,4.57a12.15,12.15,0,0,0,1-2.57h1.4A8,8,0,0,1,16.55,18.57ZM19.74,14H17.88A16.16,16.16,0,0,0,18,12a16.28,16.28,0,0,0-.12-2h1.86a7.82,7.82,0,0,1,0,4Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/like.svg b/public/icons/like.svg
index 3d8deeb8..acd0bf3d 100644
--- a/public/icons/like.svg
+++ b/public/icons/like.svg
@@ -1,4 +1 @@
-<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 8H3V18H0V8Z" fill="#141414"/>
-<path d="M4 18V8H5.50049C5.81525 8 6.11164 7.85181 6.30049 7.6L8.87932 4.16155C8.95929 4.05493 9.01714 3.93339 9.04947 3.80409L9.93965 0.243377C9.9754 0.100343 10.1039 0 10.2514 0C11.4935 0 12.5005 1.00697 12.5005 2.24913V4.5L12.1636 6.85858C12.0775 7.46101 12.545 8 13.1535 8H19.0005C19.5528 8 20.0005 8.44771 20.0005 9V9.3702C20.0005 9.93081 19.7652 10.4657 19.3519 10.8445L19.2854 10.9055C18.8721 11.2843 18.6369 11.8192 18.6369 12.3798V13.1202C18.6369 13.6808 18.4016 14.2157 17.9883 14.5945L17.651 14.9037C17.4031 15.1309 17.2166 15.4169 17.1085 15.7353L16.256 18.2473C16.1064 18.6879 15.6726 18.9672 15.2095 18.9209L6.00049 18H4Z" fill="#141414"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.3,10.08A3,3,0,0,0,19,9H14.44L15,7.57A4.13,4.13,0,0,0,11.11,2a1,1,0,0,0-.91.59L7.35,9H5a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17.73a3,3,0,0,0,2.95-2.46l1.27-7A3,3,0,0,0,21.3,10.08ZM7,20H5a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H7Zm13-7.82-1.27,7a1,1,0,0,1-1,.82H9V10.21l2.72-6.12A2.11,2.11,0,0,1,13.1,6.87L12.57,8.3A2,2,0,0,0,14.44,11H19a1,1,0,0,1,.77.36A1,1,0,0,1,20,12.18Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/link.svg b/public/icons/link.svg
new file mode 100644
index 00000000..bef7f5b0
--- /dev/null
+++ b/public/icons/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8,12a1,1,0,0,0,1,1h6a1,1,0,0,0,0-2H9A1,1,0,0,0,8,12Zm2,3H7A3,3,0,0,1,7,9h3a1,1,0,0,0,0-2H7A5,5,0,0,0,7,17h3a1,1,0,0,0,0-2Zm7-8H14a1,1,0,0,0,0,2h3a3,3,0,0,1,0,6H14a1,1,0,0,0,0,2h3A5,5,0,0,0,17,7Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/share-new.svg b/public/icons/share-new.svg
new file mode 100644
index 00000000..d153312f
--- /dev/null
+++ b/public/icons/share-new.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18,14a4,4,0,0,0-3.08,1.48l-5.1-2.35a3.64,3.64,0,0,0,0-2.26l5.1-2.35A4,4,0,1,0,14,6a4.17,4.17,0,0,0,.07.71L8.79,9.14a4,4,0,1,0,0,5.72l5.28,2.43A4.17,4.17,0,0,0,14,18a4,4,0,1,0,4-4ZM18,4a2,2,0,1,1-2,2A2,2,0,0,1,18,4ZM6,14a2,2,0,1,1,2-2A2,2,0,0,1,6,14Zm12,6a2,2,0,1,1,2-2A2,2,0,0,1,18,20Z"/></svg>
\ No newline at end of file
diff --git a/src/components/Article/RatingControl.module.scss b/src/components/Article/RatingControl.module.scss
index 68001845..9734fd92 100644
--- a/src/components/Article/RatingControl.module.scss
+++ b/src/components/Article/RatingControl.module.scss
@@ -10,20 +10,16 @@
 
 .ratingControl {
   align-items: center;
-  border: 2px solid;
-  border-radius: 100%;
   display: flex;
   justify-content: center;
   height: 0.9em;
   line-height: 0;
   @include font-size(3.6rem);
-
+  color: #777;
   padding: 0;
   width: 0.9em;
-
+  transition: 0.15s all linear;
   &:hover {
-    background: #000;
-    border-color: #000;
-    color: #fff;
+    transform: scale(1.2);
   }
 }
diff --git a/src/components/Article/RatingControl.tsx b/src/components/Article/RatingControl.tsx
index c5ad8a64..c18f20e3 100644
--- a/src/components/Article/RatingControl.tsx
+++ b/src/components/Article/RatingControl.tsx
@@ -1,5 +1,6 @@
 import styles from './RatingControl.module.scss'
 import { clsx } from 'clsx'
+import { Icon } from '../_shared/Icon'
 
 interface RatingControlProps {
   rating?: number
@@ -9,9 +10,13 @@ interface RatingControlProps {
 export const RatingControl = (props: RatingControlProps) => {
   return (
     <div class={clsx(props.class, styles.rating)}>
-      <button class={styles.ratingControl}>&minus;</button>
+      <button class={styles.ratingControl}>
+        <Icon name="dislike" />
+      </button>
       <span class={styles.ratingValue}>{props?.rating || ''}</span>
-      <button class={styles.ratingControl}>+</button>
+      <button class={styles.ratingControl}>
+        <Icon name="like" />
+      </button>
     </div>
   )
 }
diff --git a/src/components/Author/Card.module.scss b/src/components/Author/Card.module.scss
index fb4d76d2..545df35d 100644
--- a/src/components/Author/Card.module.scss
+++ b/src/components/Author/Card.module.scss
@@ -12,6 +12,11 @@
   }
 }
 
+.s24 {
+  width: 24px;
+  height: 24px;
+}
+
 .authorDetails {
   display: flex;
   flex: 1;
diff --git a/src/components/Author/Card.tsx b/src/components/Author/Card.tsx
index 6440827e..161a9de5 100644
--- a/src/components/Author/Card.tsx
+++ b/src/components/Author/Card.tsx
@@ -94,7 +94,7 @@ export const AuthorCard = (props: AuthorCardProps) => {
                   }}
                 >
                   <Show when={!props.isAuthorsList}>
-                    <Icon name="author-subscribe" class={styles.icon} />
+                    <Icon name="circle-plus" iconClassName={styles.s24} class={styles.icon} />
                   </Show>
                   <span class={styles.buttonLabel}>{t('Follow')}</span>
                 </button>
diff --git a/src/components/Nav/Header.tsx b/src/components/Nav/Header.tsx
index d90cd6df..875a83bd 100644
--- a/src/components/Nav/Header.tsx
+++ b/src/components/Nav/Header.tsx
@@ -132,11 +132,8 @@ export const Header = (props: Props) => {
               <a href={getPagePath(router, 'inbox')} class={styles.control}>
                 <Icon name="comments-outline" class={styles.icon} />
               </a>
-              <a href="#" class={styles.control} onClick={(event) => event.preventDefault()}>
-                <Icon name="pencil-outline" class={styles.icon} />
-              </a>
-              <a href="#" class={styles.control} onClick={(event) => event.preventDefault()}>
-                <Icon name="bookmark" class={styles.icon} />
+              <a href={getPagePath(router, 'create')} class={styles.control}>
+                <Icon name="feather" class={styles.icon} />
               </a>
             </div>
           </Show>
diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx
index aa3c6201..629f8524 100644
--- a/src/components/Nav/HeaderAuth.tsx
+++ b/src/components/Nav/HeaderAuth.tsx
@@ -44,7 +44,7 @@ export const HeaderAuth = (props: HeaderAuthProps) => {
             <div class={clsx(styles.userControlItem, styles.userControlItemVerbose)}>
               <a href="/create">
                 <span class={styles.textLabel}>{t('Create post')}</span>
-                <Icon name="pencil" class={styles.icon} />
+                <Icon name="feather" class={styles.icon} />
               </a>
             </div>