From 11cd9641e02580bdf654cfbaf64475f16582020f Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 21 Nov 2023 00:31:52 +0300
Subject: [PATCH] Fixed author link style in dark blocks

---
 .../Author/AhtorLink/AhtorLink.module.scss          | 13 +++++++++++++
 src/components/Author/AhtorLink/AuthorLink.tsx      |  7 ++++++-
 src/components/Feed/ArticleCard/ArticleCard.tsx     |  8 +++++++-
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/Author/AhtorLink/AhtorLink.module.scss b/src/components/Author/AhtorLink/AhtorLink.module.scss
index 1cb84379..5a9a082f 100644
--- a/src/components/Author/AhtorLink/AhtorLink.module.scss
+++ b/src/components/Author/AhtorLink/AhtorLink.module.scss
@@ -49,3 +49,16 @@
     }
   }
 }
+
+.authorLinkFloorImportant {
+  .link {
+    &:hover {
+      background: #fff !important;
+
+      .name {
+        background: none;
+        color: #000;
+      }
+    }
+  }
+}
diff --git a/src/components/Author/AhtorLink/AuthorLink.tsx b/src/components/Author/AhtorLink/AuthorLink.tsx
index 9c6009de..99afa3e4 100644
--- a/src/components/Author/AhtorLink/AuthorLink.tsx
+++ b/src/components/Author/AhtorLink/AuthorLink.tsx
@@ -9,11 +9,16 @@ type Props = {
   author: Author
   size?: 'XS' | 'M' | 'L'
   class?: string
+  isFloorImportant?: boolean
 }
 
 export const AuthorLink = (props: Props) => {
   return (
-    <div class={clsx(styles.AuthorLink, props.class, styles[props.size ?? 'M'])}>
+    <div
+      class={clsx(styles.AuthorLink, props.class, styles[props.size ?? 'M'], {
+        [styles.authorLinkFloorImportant]: props.isFloorImportant,
+      })}
+    >
       <a class={styles.link} href={`/author/${props.author.slug}`}>
         <Userpic size={props.size ?? 'M'} name={props.author.name} userpic={props.author.userpic} />
         <div class={styles.name}>{props.author.name}</div>
diff --git a/src/components/Feed/ArticleCard/ArticleCard.tsx b/src/components/Feed/ArticleCard/ArticleCard.tsx
index 116e73d4..eef04408 100644
--- a/src/components/Feed/ArticleCard/ArticleCard.tsx
+++ b/src/components/Feed/ArticleCard/ArticleCard.tsx
@@ -210,7 +210,13 @@ export const ArticleCard = (props: ArticleCardProps) => {
               <div class={styles.shoutAuthor}>
                 <For each={props.article.authors}>
                   {(author) => {
-                    return <AuthorLink size={'XS'} author={author} />
+                    return (
+                      <AuthorLink
+                        size={'XS'}
+                        author={author}
+                        isFloorImportant={props.settings.isFloorImportant || props.settings?.isWithCover}
+                      />
+                    )
                   }}
                 </For>
               </div>