From fc93ccc51c42329661cb80683c70b046a3c9de74 Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Tue, 13 Jun 2023 00:02:48 +0800
Subject: [PATCH] adjust the order of header icons

---
 src/components/ConversationCard/index.jsx | 31 +++++++++++------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/components/ConversationCard/index.jsx b/src/components/ConversationCard/index.jsx
index 0143f9f..ad24ac0 100644
--- a/src/components/ConversationCard/index.jsx
+++ b/src/components/ConversationCard/index.jsx
@@ -381,6 +381,21 @@ function ConversationCard(props) {
               <ArchiveIcon size={16} />
             </span>
           )}
+          a{' '}
+          {conversationItemData.length > 0 && (
+            <span
+              title={t('Jump to bottom')}
+              className="gpt-util-icon"
+              onClick={() => {
+                bodyRef.current.scrollTo({
+                  top: bodyRef.current.scrollHeight,
+                  behavior: 'smooth',
+                })
+              }}
+            >
+              <MoveToBottomIcon size={16} />
+            </span>
+          )}
           <span
             title={t('Save Conversation')}
             className="gpt-util-icon"
@@ -397,22 +412,6 @@ function ConversationCard(props) {
           >
             <DesktopDownloadIcon size={16} />
           </span>
-          <span>
-            {conversationItemData.length > 0 && (
-              <span
-                title={t('Jump to bottom')}
-                className="gpt-util-icon"
-                onClick={() => {
-                  bodyRef.current.scrollTo({
-                    top: bodyRef.current.scrollHeight,
-                    behavior: 'smooth',
-                  })
-                }}
-              >
-                <MoveToBottomIcon size={16} />
-              </span>
-            )}
-          </span>
         </span>
       </div>
       <hr />