From 43d54d660b09e6120a05159c5d9d1625da9b753c Mon Sep 17 00:00:00 2001
From: Haoyang Gao <gaohaoyang126@126.com>
Date: Sat, 28 Sep 2024 10:40:29 -0400
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json               |  2 +-
 src/ContentUI/index.tsx    | 24 +++++++++++++++---------
 src/ContentUI/scoreList.ts | 24 +++++++++++++++---------
 3 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 578a1dc..58f6ac5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pte-crx",
   "private": true,
-  "version": "1.2.1",
+  "version": "1.2.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/ContentUI/index.tsx b/src/ContentUI/index.tsx
index ad994d9..d22f6ab 100644
--- a/src/ContentUI/index.tsx
+++ b/src/ContentUI/index.tsx
@@ -33,7 +33,7 @@ const ContentUI = () => {
       key: string
       name: string
       score: number
-      skills: string[]
+      skills: string[][]
       support: Array<'Listening' | 'Reading' | 'Speaking' | 'Writing'>
     }>
   >([])
@@ -166,7 +166,7 @@ const ContentUI = () => {
       key: string
       name: string
       score: number
-      skills: string[]
+      skills: string[][]
       support: Array<'Listening' | 'Reading' | 'Speaking' | 'Writing'>
     }> = []
     for (const key in pteData.skillsProfile) {
@@ -225,13 +225,13 @@ const ContentUI = () => {
           setDragging(false)
         }}
       >
-        <div className="fixed left-10 top-40 z-[9999]">
+        <div className="fixed left-10 top-28 z-[9999]">
           <div
             className={clsx(
               'relative box-border flex flex-col overflow-auto rounded-xl bg-sky-50 text-sm text-slate-900 shadow-cyan-950/55 transition-all',
               minimize
                 ? 'h-6 w-6 overflow-hidden p-0'
-                : 'h-[574px] max-h-[71vh] w-[564px] p-4',
+                : 'h-[590px] max-h-[81vh] w-[524px] p-4',
               dragging ? 'scale-[1.02] shadow-2xl' : 'scale-100 shadow-md',
             )}
           >
@@ -269,7 +269,7 @@ const ContentUI = () => {
                 <VscGithubInverted className="text-slate-300 transition-all duration-300 hover:scale-110 hover:cursor-pointer hover:text-slate-900" />
               </a>
             </div>
-            <table className="mt-1 w-full border-collapse border-y-2 border-slate-400 text-center">
+            <table className="w-full border-collapse border-y-2 border-slate-400 text-center text-sm">
               <thead className="border-b border-slate-400">
                 <tr>
                   <th className="border-r border-slate-400"></th>
@@ -361,13 +361,19 @@ const ContentUI = () => {
               </tbody>
             </table>
             <div className="mt-2 text-base font-bold">Sub-Skills Score</div>
-            <div className="mt-1">
+            <div className="">
               {skillsProfile.map((skill) => (
                 <div key={skill.key} className="mb-3">
-                  <div className="flex items-center justify-between">
-                    <div className="text-xs text-slate-700">{skill.name}</div>
+                  <div className="flex items-end justify-between">
+                    <div className="text-slate-700">{skill.name}</div>
                     <div className="ml-1 flex items-center justify-end">
-                      <div className="">{skill.skills.join(', ')}</div>
+                      <div className="flex flex-col items-end">
+                        {skill.skills.map((skillGroup, index) => (
+                          <div key={index} className="text-xs">
+                            {skillGroup.join(', ')}
+                          </div>
+                        ))}
+                      </div>
                       <div
                         className={clsx(
                           'ml-2 font-bold',
diff --git a/src/ContentUI/scoreList.ts b/src/ContentUI/scoreList.ts
index a4afcdd..d43b3dc 100644
--- a/src/ContentUI/scoreList.ts
+++ b/src/ContentUI/scoreList.ts
@@ -143,7 +143,7 @@ const SWT = 'SWT'
 const WE = 'WE'
 
 const FIBRW = 'FIB-RW'
-const MCMRW = 'MCM-RW'
+const MCMR = 'MCM-R'
 const RO = 'RO'
 const FIBR = 'FIB-R'
 const MCSR = 'MCS-R'
@@ -158,23 +158,29 @@ const WFD = 'WFD'
 
 export const skillsAnalysis = {
   openResponseSpeakingWriting: {
-    component: [WE, DI, RTS],
+    component: [[WE, DI, RTS]],
     support: ['Speaking', 'Writing'],
   },
   reproducingSpokenWrittenLanguage: {
-    component: [WFD, RA, RS, SST],
+    component: [[WFD, RA, RS, SST]],
     support: ['Speaking', 'Writing'],
   },
-  writingExtended: { component: [WE, SST, SWT], support: ['Writing'] },
-  writingShort: { component: [WFD, FIBRW, FIBL], support: ['Writing'] },
-  speakingExtended: { component: [DI, RTS], support: ['Speaking'] },
-  speakingShort: { component: [RA, RS, ASQ], support: ['Speaking'] },
+  writingExtended: { component: [[WE, SST, SWT]], support: ['Writing'] },
+  writingShort: { component: [[WFD, FIBRW, FIBL]], support: ['Writing'] },
+  speakingExtended: { component: [[DI, RTS]], support: ['Speaking'] },
+  speakingShort: { component: [[RA, RS, ASQ]], support: ['Speaking'] },
   multipleSkillsComprehension: {
-    component: [FIBRW, SST, WFD, RA, RS, SWT, HIW],
+    component: [
+      [WFD, RS, SST, FIBL, HIW, ASQ],
+      [RA, FIBRW, SWT],
+    ],
     support: ['Listening', 'Reading'],
   },
   singleSkillComprehension: {
-    component: [RO, FIBR, MCMRW, MCSR, MCML, MCSL, SMW],
+    component: [
+      [MCML, MCSL, SMW],
+      [FIBR, RO, MCMR, MCSR],
+    ],
     support: ['Listening', 'Reading'],
   },
 }