From 5b7d8a16582631d9ec94d85e45a7a6a4d501f9bd Mon Sep 17 00:00:00 2001
From: Untone <anton.rewin@gmail.com>
Date: Tue, 23 Jan 2024 05:18:17 +0300
Subject: [PATCH] rating-cosmetics

---
 src/components/Article/ShoutRatingControl.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/Article/ShoutRatingControl.tsx b/src/components/Article/ShoutRatingControl.tsx
index 8b24d08c..e309ac6d 100644
--- a/src/components/Article/ShoutRatingControl.tsx
+++ b/src/components/Article/ShoutRatingControl.tsx
@@ -73,12 +73,9 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
   return (
     <div class={clsx(styles.rating, props.class)}>
       <button onClick={() => handleRatingChange(false)} disabled={isLoading()}>
-        <Show when={!isDownvoted()}>
+        <Show when={!isDownvoted()} fallback={<Icon name="rating-control-checked" />}>
           <Icon name="rating-control-less" />
         </Show>
-        <Show when={isDownvoted()}>
-          <Icon name="rating-control-checked" />
-        </Show>
       </button>
 
       <Popup trigger={<span class={styles.ratingValue}>{props.shout.stat.rating}</span>} variant="tiny">
@@ -89,12 +86,9 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
       </Popup>
 
       <button onClick={() => handleRatingChange(true)} disabled={isLoading()}>
-        <Show when={!isUpvoted()}>
+        <Show when={!isUpvoted()} fallback={<Icon name="rating-control-checked" />}>
           <Icon name="rating-control-more" />
         </Show>
-        <Show when={isUpvoted()}>
-          <Icon name="rating-control-checked" />
-        </Show>
       </button>
     </div>
   )