wip

kubk · Dec 14, 2023 · dbfcae6 · dbfcae6
1 parent 3f474f3
commit dbfcae6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 23 deletions.
diff --git a/src/ui/deck-available-in-flag.tsx → src/ui/deck-category-logo.tsx b/src/ui/deck-available-in-flag.tsx → src/ui/deck-category-logo.tsx
@@ -16,38 +16,30 @@ const supportsEmojiFlag = WebApp.platform !== "tdesktop";
 
 type Props = { logo: string; categoryName: string };
 
-export const DeckAvailableInFlag = (props: Props) => {
+export const DeckCategoryLogo = (props: Props) => {
   const { logo, categoryName } = props;
 
   if (supportsEmojiFlag) {
     return logo;
   }
 
+  const replacedFlag = replaceFlagEmojiOnWindows(logo);
+
   return (
     <span
       className={css({ marginRight: 6 })}
       title={`Deck category is ${categoryName}`}
     >
-      {(() => {
-        if (supportsEmojiFlag) {
-          return logo;
-        }
-
-        const replacedFlag = replaceFlagEmojiOnWindows(logo);
-
-        if (!replacedFlag) {
-          return null;
-        }
-
-        return (
-          <img
-            src={`https://flagcdn.com/16x12/${replacedFlag}.png`}
-            width="16"
-            height="12"
-            alt={logo}
-          />
-        );
-      })()}
+      {replacedFlag ? (
+        <img
+          src={`https://flagcdn.com/16x12/${replacedFlag}.png`}
+          width="16"
+          height="12"
+          alt={logo}
+        />
+      ) : (
+        logo
+      )}
     </span>
   );
 };
diff --git a/src/ui/deck-list-item-with-description.tsx b/src/ui/deck-list-item-with-description.tsx
@@ -5,7 +5,7 @@ import { css } from "@emotion/css";
 import { theme } from "./theme.tsx";
 import LinesEllipsis from "react-lines-ellipsis";
 import React from "react";
-import { DeckAvailableInFlag } from "./deck-available-in-flag.tsx";
+import { DeckCategoryLogo } from "./deck-category-logo.tsx";
 
 type Props = {
   deck: {
@@ -45,7 +45,7 @@ export const DeckListItemWithDescription = observer((props: Props) => {
         })}
       >
         {deck.deck_category?.logo ? (
-          <DeckAvailableInFlag
+          <DeckCategoryLogo
             logo={deck.deck_category.logo}
             categoryName={deck.deck_category.name}
           />