Rearranged the order of social app share buttons

taximanli · Nov 25, 2024 · 9b2a17f · 9b2a17f
1 parent a37f447
commit 9b2a17f
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 15 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kotobade-asobou",
-  "version": "2.8.6",
+  "version": "2.8.7",
   "private": true,
   "homepage": "https://taximanli.github.io/kotobade-asobou",
   "dependencies": {

diff --git a/src/components/modals/InfoModal.tsx b/src/components/modals/InfoModal.tsx
@@ -27,6 +27,10 @@ export const InfoModal = ({ isOpen, handleClose }: Props) => {
   if (displayLanguage === PREFERRED_DISPLAY_LANGUAGE) {
     return (
       <BaseModal title="更新情報" isOpen={isOpen} handleClose={handleClose}>
+        <p className="text-left local-font text-sm text-gray-500 dark:text-gray-300 mb-2">
+          ツイートとスレッズとのラインほか、今から結果をブルースカイ (Bluesky) に直接投稿できるようになっています。
+        </p>
+        <hr className="mt-2 mb-2" />
         <p className="text-left local-font text-sm text-rose-500 dark:text-rose-300 mb-2">
           過去問がすべてアンロックされます！<br />プレイするには画面の右上に「赤いカレンダー」で過去問の日付を選択してください。
         </p>
@@ -176,6 +180,10 @@ export const InfoModal = ({ isOpen, handleClose }: Props) => {
   } else {
     return (
       <BaseModal title="Latest updates" isOpen={isOpen} handleClose={handleClose}>
+        <p className="text-left text-sm text-gray-500 dark:text-gray-300 mb-2">
+          In addition to Tweet, Threads and LINE, you can now also post your results directly to Bluesky.
+        </p>
+        <hr className="mt-2 mb-2" />
         <p className="text-left text-sm text-rose-500 dark:text-rose-300 mb-2">
           All past words are now unlocked!<br />Please click on the red calendar icon on the top right corner of the screen and choose a past date to play.
         </p>

diff --git a/src/components/modals/SettingsModal.tsx b/src/components/modals/SettingsModal.tsx
@@ -146,8 +146,9 @@ export const SettingsModal = ({
           <div className="text-left">
             <h2 className="local-font text-base text-gray-600 dark:text-gray-300">{t('Feedback')}</h2>
           </div>
-          <div className='w-36 text-right'>
+          <div className='w-48 text-right'>
             {' '}<a className="underline text-sm text-gray-600 dark:text-gray-300" href="https://github.com/taximanli/kotobade-asobou/issues" rel="noreferrer" target="_blank">Github</a>{' |'}
+            {' '}<a className="underline text-sm text-gray-600 dark:text-gray-300" href="https://bsky.app/profile/taximanli.bsky.social" rel="noreferrer" target="_blank">Bluesky</a>{' |'}
             {' '}<a className="underline text-sm text-gray-600 dark:text-gray-300" href="https://twitter.com/taximanli" rel="noreferrer" target="_blank">Twitter</a>{' '}
           </div>
         </div>

diff --git a/src/components/modals/StatsModal.tsx b/src/components/modals/StatsModal.tsx
@@ -22,7 +22,7 @@ import { BaseModal } from './BaseModal'
 import { t, JISHO_SEARCH_LINK } from '../../constants/strings';
 import { MigrationIntro } from '../stats/MigrationIntro'
 
-export type shareStatusType = 'text' | 'clipboard' | 'threads' | 'line' | 'tweet' | 'bluesky'
+export type shareStatusType = 'text' | 'clipboard' | 'line' | 'threads' | 'bluesky' | 'tweet'
 
 type Props = {
   isOpen: boolean
@@ -222,7 +222,7 @@ export const StatsModal = ({
                 className={buttonClassNames}
                 onClick={() => {
                   shareStatus(
-                    'tweet',
+                    'threads',
                     guesses,
                     isGameLost,
                     isHintMode,
@@ -233,7 +233,7 @@ export const StatsModal = ({
                   )
                 }}
               >
-                {t('TWEET_TEXT')}
+                {t('THREADS_TEXT')}
               </button>
             </div>
           </div>
@@ -244,7 +244,7 @@ export const StatsModal = ({
                 className={buttonClassNames}
                 onClick={() => {
                   shareStatus(
-                    'threads',
+                    'bluesky',
                     guesses,
                     isGameLost,
                     isHintMode,
@@ -255,7 +255,7 @@ export const StatsModal = ({
                   )
                 }}
               >
-                {t('THREADS_TEXT')}
+                {t('BLUESKY_TEXT')}
               </button>
             </div>
             <div>
@@ -264,7 +264,7 @@ export const StatsModal = ({
                 className={buttonClassNames}
                 onClick={() => {
                   shareStatus(
-                    'bluesky',
+                    'tweet',
                     guesses,
                     isGameLost,
                     isHintMode,
@@ -275,7 +275,7 @@ export const StatsModal = ({
                   )                  
                 }}
               >
-                {t('BLUESKY_TEXT')}
+                {t('TWEET_TEXT')}
               </button>
             </div>
           </div>

diff --git a/src/components/modals/SupportModal.tsx b/src/components/modals/SupportModal.tsx
@@ -5,8 +5,6 @@ import { getStoredIsHighContrastMode, getStoredDisplayLanguage } from '../../lib
 import { t, TOP_SUPPORTER_NAME, SUPPORTER_NAME } from '../../constants/strings';
 import coffeeLogo from '../../images/ko-fi-com-taximanli.png';
 
-export type shareStatusType = 'text' | 'clipboard' | 'threads' | 'line' | 'tweet' | 'bluesky'
-
 type Props = {
   isOpen: boolean
   handleClose: () => void

diff --git a/src/constants/strings.ts b/src/constants/strings.ts
@@ -80,10 +80,10 @@ en['STATISTICS_TITLE'] = 'Statistics'
 en['GUESS_DISTRIBUTION_TEXT'] = 'Guess distribution'
 en['NEW_WORD_TEXT'] = 'Next word in'
 en['SHARE_TEXT'] = 'Share'
-en['THREADS_TEXT'] = 'Threads'
 en['LINE_TEXT'] = 'Line'
-en['TWEET_TEXT'] = 'Tweet'
+en['THREADS_TEXT'] = 'Threads'
 en['BLUESKY_TEXT'] = 'Bluesky'
+en['TWEET_TEXT'] = 'Tweet'
 en['TOTAL_TRIES_TEXT'] = 'Games Played'
 en['SUCCESS_RATE_TEXT'] = 'Success Rate'
 en['CURRENT_STREAK_TEXT'] = 'Current Streak'
@@ -166,10 +166,10 @@ ja['STATISTICS_TITLE'] = '統計情報'
 ja['GUESS_DISTRIBUTION_TEXT'] = '推測数の分布'
 ja['NEW_WORD_TEXT'] = '次の単語まで'
 ja['SHARE_TEXT'] = 'シェア'
-ja['THREADS_TEXT'] = 'スレッズ'
 ja['LINE_TEXT'] = 'ライン'
-ja['TWEET_TEXT'] = 'ツイート'
+ja['THREADS_TEXT'] = 'スレッズ'
 ja['BLUESKY_TEXT'] = 'ブルースカイ'
+ja['TWEET_TEXT'] = 'ツイート'
 ja['TOTAL_TRIES_TEXT'] = 'プレイ回数'
 ja['SUCCESS_RATE_TEXT'] = '勝率'
 ja['CURRENT_STREAK_TEXT'] = '現在の連勝数'