From 48e99ff37ca4afabd053fc901dd286fe93643790 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 12 Jan 2023 13:53:09 -0800
Subject: [PATCH] Move icons to public directory. Fixes #2573

---
 web/components/admin/MainLayout.tsx                 |   4 +---
 web/components/modals/AuthModal/AuthModal.tsx       |   7 ++-----
 .../images => public/img}/fediverse-black.png       | Bin
 web/{assets/images => public/img}/indieauth.png     | Bin
 4 files changed, 3 insertions(+), 8 deletions(-)
 rename web/{assets/images => public/img}/fediverse-black.png (100%)
 rename web/{assets/images => public/img}/indieauth.png (100%)

diff --git a/web/components/admin/MainLayout.tsx b/web/components/admin/MainLayout.tsx
index 1924193fc..6763f11d5 100644
--- a/web/components/admin/MainLayout.tsx
+++ b/web/components/admin/MainLayout.tsx
@@ -31,8 +31,6 @@ import { TEXTFIELD_PROPS_STREAM_TITLE } from '../../utils/config-constants';
 import { ComposeFederatedPost } from './ComposeFederatedPost';
 import { UpdateArgs } from '../../types/config-section';
 
-import FediverseIcon from '../../assets/images/fediverse-black.png';
-
 export type MainLayoutProps = {
   children: ReactNode;
 };
@@ -206,7 +204,7 @@ export const MainLayout: FC<MainLayoutProps> = ({ children }) => {
       icon: (
         <img
           alt="fediverse icon"
-          src={FediverseIcon.src}
+          src="/img/fediverse-black.png"
           width="17rem"
           style={{ opacity: 0.6, position: 'relative', top: '-1px' }}
         />
diff --git a/web/components/modals/AuthModal/AuthModal.tsx b/web/components/modals/AuthModal/AuthModal.tsx
index 28c765ba8..ac681dcd7 100644
--- a/web/components/modals/AuthModal/AuthModal.tsx
+++ b/web/components/modals/AuthModal/AuthModal.tsx
@@ -4,9 +4,6 @@ import { FC } from 'react';
 import { IndieAuthModal } from '../IndieAuthModal/IndieAuthModal';
 import { FediAuthModal } from '../FediAuthModal/FediAuthModal';
 
-import FediverseIcon from '../../../assets/images/fediverse-black.png';
-import IndieAuthIcon from '../../../assets/images/indieauth.png';
-
 import styles from './AuthModal.module.scss';
 import {
   currentUserAtom,
@@ -35,7 +32,7 @@ export const AuthModal: FC<AuthModalProps> = ({ forceTabs }) => {
 
   const indieAuthTabTitle = (
     <span className={styles.tabContent}>
-      <img className={styles.icon} src={IndieAuthIcon.src} alt="IndieAuth" />
+      <img className={styles.icon} src="/img/indieauth.png" alt="IndieAuth" />
       IndieAuth
     </span>
   );
@@ -50,7 +47,7 @@ export const AuthModal: FC<AuthModalProps> = ({ forceTabs }) => {
 
   const fediAuthTabTitle = (
     <span className={styles.tabContent}>
-      <img className={styles.icon} src={FediverseIcon.src} alt="Fediverse auth" />
+      <img className={styles.icon} src="/img/fediverse-black.png" alt="Fediverse auth" />
       FediAuth
     </span>
   );
diff --git a/web/assets/images/fediverse-black.png b/web/public/img/fediverse-black.png
similarity index 100%
rename from web/assets/images/fediverse-black.png
rename to web/public/img/fediverse-black.png
diff --git a/web/assets/images/indieauth.png b/web/public/img/indieauth.png
similarity index 100%
rename from web/assets/images/indieauth.png
rename to web/public/img/indieauth.png