From 2c89c9325bb0e2e910859dfb5d2167a667195b79 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Fri, 31 Mar 2023 22:04:50 +0800
Subject: [PATCH] reorder about popup

---
 src/components/AboutMenu/AboutMenu.tsx | 40 +++++++++++++-------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/AboutMenu/AboutMenu.tsx b/src/components/AboutMenu/AboutMenu.tsx
index 4b66ed2..f148fc5 100644
--- a/src/components/AboutMenu/AboutMenu.tsx
+++ b/src/components/AboutMenu/AboutMenu.tsx
@@ -57,6 +57,25 @@ const AboutMenu = () => {
                 />
               </p>
 
+              <h2 className='text-lg font-bold'>
+                {t('discordServer.title', { ns: 'about' })}
+              </h2>
+              <p>{t('discordServer.paragraph1', { ns: 'about' })}</p>
+
+              <p>
+                <Trans
+                  i18nKey='discordServer.paragraph2'
+                  ns='about'
+                  components={[
+                    <a
+                      className='link'
+                      href='https://discord.gg/g3Qnwy4V6A'
+                      target='_blank'
+                    />,
+                  ]}
+                />
+              </p>
+
               <>
                 <h2 className='text-lg font-bold'>
                   {t('support.title', { ns: 'about' })}
@@ -80,7 +99,7 @@ const AboutMenu = () => {
                 <div className='flex flex-col items-center gap-4 my-4'>
                   <a href='https://ko-fi.com/betterchatgpt' target='_blank'>
                     <img
-                      src='/kofi.svg'
+                      src='./kofi.svg'
                       alt='Support us through the Ko-fi platform.'
                     />
                   </a>
@@ -108,25 +127,6 @@ const AboutMenu = () => {
                 <p>{t('support.paragraph4', { ns: 'about' })}</p>
               </>
 
-              <h2 className='text-lg font-bold'>
-                {t('discordServer.title', { ns: 'about' })}
-              </h2>
-              <p>{t('discordServer.paragraph1', { ns: 'about' })}</p>
-
-              <p>
-                <Trans
-                  i18nKey='discordServer.paragraph2'
-                  ns='about'
-                  components={[
-                    <a
-                      className='link'
-                      href='https://discord.gg/g3Qnwy4V6A'
-                      target='_blank'
-                    />,
-                  ]}
-                />
-              </p>
-
               <h2 className='text-lg font-bold'>
                 {t('privacyStatement.title', { ns: 'about' })}
               </h2>