From 6b59d3674c4c39b561786fdbaf4f1ea2f0f344f9 Mon Sep 17 00:00:00 2001
From: VT Social <admin@vt.social>
Date: Wed, 10 Jul 2024 09:50:59 +0000
Subject: [PATCH] th: quotes: Show cancel button in quote mode

Like replies
---
 .../glitch/features/compose/components/navigation_bar.jsx      | 3 ++-
 .../mastodon/features/compose/components/navigation_bar.jsx    | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
index ef9d01bd20..0b9895d8c5 100644
--- a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
@@ -22,6 +22,7 @@ export const NavigationBar = () => {
   const intl = useIntl();
   const account = useSelector(state => state.getIn(['accounts', me]));
   const isReplying = useSelector(state => !!state.getIn(['compose', 'in_reply_to']));
+  const isQuoting = useSelector(state => !!state.getIn(['compose', 'quote_id']));
 
   const handleCancelClick = useCallback(() => {
     dispatch(cancelReplyCompose());
@@ -30,7 +31,7 @@ export const NavigationBar = () => {
   return (
     <div className='navigation-bar'>
       <Account account={account} minimal />
-      {isReplying ? <IconButton title={intl.formatMessage(messages.cancel)} iconComponent={CloseIcon} onClick={handleCancelClick} /> : <ActionBar />}
+      {(isReplying || isQuoting) ? <IconButton title={intl.formatMessage(messages.cancel)} iconComponent={CloseIcon} onClick={handleCancelClick} /> : <ActionBar />}
     </div>
   );
 };
diff --git a/app/javascript/mastodon/features/compose/components/navigation_bar.jsx b/app/javascript/mastodon/features/compose/components/navigation_bar.jsx
index ec5578eef3..d15d3ec8e5 100644
--- a/app/javascript/mastodon/features/compose/components/navigation_bar.jsx
+++ b/app/javascript/mastodon/features/compose/components/navigation_bar.jsx
@@ -22,6 +22,7 @@ export const NavigationBar = () => {
   const intl = useIntl();
   const account = useSelector(state => state.getIn(['accounts', me]));
   const isReplying = useSelector(state => !!state.getIn(['compose', 'in_reply_to']));
+  const isQuoting = useSelector(state => !!state.getIn(['compose', 'quote_id']));
 
   const handleCancelClick = useCallback(() => {
     dispatch(cancelReplyCompose());
@@ -30,7 +31,7 @@ export const NavigationBar = () => {
   return (
     <div className='navigation-bar'>
       <Account account={account} minimal />
-      {isReplying ? <IconButton title={intl.formatMessage(messages.cancel)} iconComponent={CloseIcon} onClick={handleCancelClick} /> : <ActionBar />}
+      {(isReplying || isQuoting) ? <IconButton title={intl.formatMessage(messages.cancel)} iconComponent={CloseIcon} onClick={handleCancelClick} /> : <ActionBar />}
     </div>
   );
 };