Merge pull request #4 from Gaohaoyang/develop

Develop
Gaohaoyang · Sep 3, 2024 · c33b794 · c33b794
2 parents 7cd855a + 720ece8
commit c33b794
Show file tree

Hide file tree

Showing 14 changed files with 326 additions and 431 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80
+}
diff --git a/DonationList.html b/DonationList.html
diff --git a/manifest.config.ts b/manifest.config.ts
@@ -32,10 +32,10 @@ export default defineManifest(async (env) => ({
   ],
   permissions: ['tabs'],
   web_accessible_resources: [
-    {
-      resources: ['DonationList.html'],
-      matches: ['<all_urls>'],
-    },
+    // {
+    //   resources: ['DonationList.html'],
+    //   matches: ['<all_urls>'],
+    // },
     {
       resources: ['injected.js'],
       matches: ['https://mypte.pearsonpte.com/*'],

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pte-crx",
   "private": true,
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -30,6 +30,8 @@
     "globals": "^15.9.0",
     "postcss": "^8.4.41",
     "postcss-nested": "^6.2.0",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.6",
     "tailwindcss": "^3.4.10",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,44 +1,52 @@
-import './App.css';
+import './App.css'
 
 function App() {
   return (
-    <div className="p-3 bg-slate-50 text-slate-800 text-sm w-96">
-      <h1 className="text-lg font-bold text-center">Welcome to use</h1>
-      <h1 className="text-2xl font-bold text-center">PTE Core Sub-Scores</h1>
-      <h1 className="text-lg font-bold text-center">Chrome Extension!</h1>
+    <div className="w-96 bg-slate-50 p-3 text-sm text-slate-800">
+      <h1 className="text-center text-lg font-bold">Welcome to use</h1>
+      <h1 className="text-center text-2xl font-bold">PTE Core Sub-Scores</h1>
+      <h1 className="text-center text-lg font-bold">Chrome Extension!</h1>
       <ul className="mt-1">
         <li>
           1. Visit your{' '}
           <a
             className="text-blue-600"
             href="https://mypte.pearsonpte.com/my-activity"
             onClick={() => {
-              chrome.tabs.create({ url: 'https://mypte.pearsonpte.com/my-activity' });
+              chrome.tabs.create({
+                url: 'https://mypte.pearsonpte.com/my-activity',
+              })
             }}
           >
             PTE score page
           </a>
         </li>
-        <li>2. Then you'll see a panel including your sub-scores, CLB levels, etc.</li>
+        <li>
+          2. Then you'll see a panel including your sub-scores, CLB levels, etc.
+        </li>
       </ul>
       <div className="mt-2">
-        If you found this helpful, feel free to sponsor me for a cup of coffee! ☕ :)
+        If you found this helpful, feel free to sponsor me for a cup of coffee!
+        ☕ :)
       </div>
       <div>
         Your name will appear on the{' '}
         <a
           className="text-blue-500"
           href=""
           onClick={() => {
-            chrome.tabs.create({ url: chrome.runtime.getURL('DonationList.html') });
+            chrome.tabs.create({
+              url: 'https://gaohaoyang.github.io/pte-crx-page/?scrollTo=donation',
+            })
           }}
         >
           donation list.
-        </a>{' '}
-        ⭐
+        </a>
+      </div>
+      <div className="mt-2">
+        You can support me through the following methods.
       </div>
-      <div className="mt-2">You can support me through the following methods.</div>
-      <table className="mt-1 border border-slate-400 w-full text-center">
+      <table className="mt-1 w-full border border-slate-400 text-center">
         <tbody>
           <tr className="border-b border-slate-400">
             <td className="border-r border-slate-400 py-4">
@@ -50,7 +58,7 @@ function App() {
             <td className="border-r border-slate-400">PayPal</td>
             <td className="flex flex-col items-center">
               <img
-                className="w-20 h-20"
+                className="h-20 w-20"
                 src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/QR%20Code.png"
                 alt=""
               />
@@ -60,7 +68,7 @@ function App() {
                 onClick={() => {
                   chrome.tabs.create({
                     url: 'https://www.paypal.com/donate/?business=NB2D3UXSQKDKU&no_recurring=0&item_name=Thanks+for+your+support%21+I+really+appreciate+it.+Have+a+great+day%21&currency_code=CAD',
-                  });
+                  })
                 }}
               >
                 PayPal Donation Link
@@ -71,7 +79,7 @@ function App() {
             <td className="border-r border-slate-400">Wechat Pay</td>
             <td className="flex flex-col items-center">
               <img
-                className="w-20 h-20"
+                className="h-20 w-20"
                 src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/wechatPay.png"
                 alt=""
               />
@@ -81,7 +89,7 @@ function App() {
             <td className="border-r border-slate-400">AliPay</td>
             <td className="flex flex-col items-center">
               <img
-                className="w-20 h-20"
+                className="h-20 w-20"
                 src="https://cdn.jsdelivr.net/gh/Gaohaoyang/pics/pte/Alipay.png"
                 alt=""
               />
@@ -90,7 +98,7 @@ function App() {
         </tbody>
       </table>
     </div>
-  );
+  )
 }
 
-export default App;
+export default App