From b1db4f1776e793c6e5ea06ca2838bd71a745ec30 Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Fri, 26 May 2023 20:54:23 +0200
Subject: [PATCH] fix styling

---
 src/components/modals/ReplyModal.jsx         | 4 ++--
 src/components/styled/GlobalStyle.styled.jsx | 1 +
 src/components/views/All.jsx                 | 4 ++--
 src/components/views/Board.jsx               | 4 ++--
 src/components/views/Catalog.jsx             | 2 +-
 src/components/views/Subscriptions.jsx       | 4 ++--
 src/components/views/Thread.jsx              | 4 ++--
 7 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/modals/ReplyModal.jsx b/src/components/modals/ReplyModal.jsx
index 0cce9406..fa5415b3 100644
--- a/src/components/modals/ReplyModal.jsx
+++ b/src/components/modals/ReplyModal.jsx
@@ -225,8 +225,8 @@ const ReplyModal = ({ isOpen, closeModal }) => {
           </div>
           <div id="form">
             <div>
-              {account.author.displayName ? (
-                <input id="name" type="text" value={account.author.displayName} ref={nameRef} disabled />
+              {account.author?.displayName ? (
+                <input id="name" type="text" value={account.author?.displayName} ref={nameRef} disabled />
               ) : (
                 <input id="name" type="text" placeholder="Anonymous" ref={nameRef} />
               )}
diff --git a/src/components/styled/GlobalStyle.styled.jsx b/src/components/styled/GlobalStyle.styled.jsx
index adc961e4..2c887726 100644
--- a/src/components/styled/GlobalStyle.styled.jsx
+++ b/src/components/styled/GlobalStyle.styled.jsx
@@ -83,6 +83,7 @@ export const GlobalStyle = createGlobalStyle`
       position: absolute;
       left: 100%;
       top: 0;
+      list-style: none;
     }
 
     .dropdown:hover .dropdown-menu {
diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx
index ee40133b..9b1b5ba3 100644
--- a/src/components/views/All.jsx
+++ b/src/components/views/All.jsx
@@ -485,7 +485,7 @@ const All = () => {
                                     onMouseOver={() => {setIsImageSearchOpen(true)}}
                                     onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                       Image search »
-                                      <ul className="dropdown-menu"
+                                      <ul className="dropdown-menu post-menu-catalog"
                                         style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                         <li>
                                           <a 
@@ -673,7 +673,7 @@ const All = () => {
                                     onMouseOver={() => {setIsImageSearchOpen(true)}}
                                     onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                       Image search »
-                                      <ul className="dropdown-menu"
+                                      <ul className="dropdown-menu post-menu-catalog"
                                         style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                         <li>
                                           <a 
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index ccac6673..8ffc63e7 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -926,7 +926,7 @@ const Board = () => {
                                       onMouseOver={() => {setIsImageSearchOpen(true)}}
                                       onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                         Image search »
-                                        <ul className="dropdown-menu"
+                                        <ul className="dropdown-menu post-menu-catalog"
                                           style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                           <li onClick={() => handleOptionClick(thread.cid)}>
                                             <a 
@@ -1132,7 +1132,7 @@ const Board = () => {
                                       onMouseOver={() => {setIsImageSearchOpen(true)}}
                                       onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                         Image search »
-                                        <ul className="dropdown-menu"
+                                        <ul className="dropdown-menu post-menu-catalog"
                                           style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                           <li onClick={() => handleOptionClick(reply.cid)}>
                                             <a 
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index afbc06e1..f236050d 100644
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -781,7 +781,7 @@ const Catalog = () => {
                                     onMouseOver={() => {setIsImageSearchOpen(true)}}
                                     onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                       Image search »
-                                      <ul className="dropdown-menu"
+                                      <ul className="dropdown-menu post-menu-catalog"
                                         style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                         <li onClick={() => handleOptionClick(thread.cid)}>
                                           <a 
diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx
index dde62cb8..b8c26af7 100644
--- a/src/components/views/Subscriptions.jsx
+++ b/src/components/views/Subscriptions.jsx
@@ -490,7 +490,7 @@ const Subscriptions = () => {
                                     onMouseOver={() => {setIsImageSearchOpen(true)}}
                                     onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                       Image search »
-                                      <ul className="dropdown-menu"
+                                      <ul className="dropdown-menu post-menu-catalog"
                                         style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                         <li>
                                           <a 
@@ -678,7 +678,7 @@ const Subscriptions = () => {
                                     onMouseOver={() => {setIsImageSearchOpen(true)}}
                                     onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                       Image search »
-                                      <ul className="dropdown-menu"
+                                      <ul className="dropdown-menu post-menu-catalog"
                                         style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                         <li>
                                           <a 
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 19a2abab..4bec56a8 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -885,7 +885,7 @@ const Thread = () => {
                                   onMouseOver={() => {setIsImageSearchOpen(true)}}
                                   onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                     Image search »
-                                    <ul className="dropdown-menu"
+                                    <ul className="dropdown-menu post-menu-catalog"
                                       style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                       <li onClick={() => handleOptionClick(comment.cid)}>
                                         <a 
@@ -1065,7 +1065,7 @@ const Thread = () => {
                                       onMouseOver={() => {setIsImageSearchOpen(true)}}
                                       onMouseLeave={() => {setIsImageSearchOpen(false)}}>
                                         Image search »
-                                        <ul className="dropdown-menu"
+                                        <ul className="dropdown-menu post-menu-catalog"
                                           style={{display: isImageSearchOpen ? 'block': 'none'}}>
                                           <li onClick={() => handleOptionClick(reply.cid)}>
                                             <a