Update admin panel (#27)

* Add VSCode tasks for Astro development and Prettier formatting

- Created a tasks.json file to define tasks for the Astro dev server and Prettier.
- Added a task to run the Astro development server with `npm run dev`.
- Included tasks for formatting all files and the current file using Prettier.

* Refactor: update Prettier configuration and add Astro plugin; enhance ProductCard and admin layout with new icons and randomization logic

* Fix: update transaction status icons and titles for better clarity

* Refactor: create OrderCard component to encapsulate order display logic and improve code organization

* Refactor: streamline code formatting and improve readability across multiple components

* Refactor: simplify OrderCard styling by removing unnecessary class and improving hover effects

* Refactor: update OrderCard to correctly display product names in list items and enhance transaction status interactivity

* Update package-lock.json to upgrade dependencies and improve compatibility

* Refactor: update super-linter workflow to include Node.js setup and Prettier installation

* Refactor: update Node.js version in super-linter workflow to use 'latest'

* Refactor: remove 'master' branch reference from workflow triggers in devcontainer and super-linter configurations

Author: Vianpyro

.devcontainer/devcontainer.json

@@ -9,10 +9,10 @@
             "extensions": [
                 "esbenp.prettier-vscode",
                 "astro-build.astro-vscode",
-                "emeraldwalk.RunOnSave"
+                "gruntfuggly.triggertaskonsave"
             ]
         }
     },
-    "postStartCommand": "npm update && npm install && npx prettier --write .",
+    "postStartCommand": "npm update && npm install",
     "remoteUser": "vscode"
 }

.github/CODEOWNER

@@ -7,7 +7,6 @@ on:
   push:
     branches:
       - main
-      - master
     paths:
       - .devcontainer/Dockerfile
   pull_request:

.github/workflows/devcontainer-verification.yml

@@ -1,4 +1,3 @@
----
 name: Lint
 
 permissions:
@@ -10,7 +9,6 @@ on:
   push:
     branches:
       - main
-      - master
   pull_request: null
 
 jobs:
@@ -24,10 +22,20 @@ jobs:
         with:
           fetch-depth: 0
 
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'latest'
+
+      - name: Install Prettier and Astro plugin
+        run: |
+          npm install --no-save prettier prettier-plugin-astro
+
       - name: Super-linter
         uses: super-linter/super-linter@v7
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           VALIDATE_ALL_CODEBASE: false
           FILTER_REGEX_EXCLUDE: '(.devcontainer/Dockerfile|.github/pull_request_template.md|.github/ISSUE_TEMPLATE/*.md)'
+          VALIDATE_JAVASCRIPT_STANDARD: false
           VALIDATE_TYPESCRIPT_STANDARD: false

.github/workflows/super-linter.yml

@@ -1,16 +1,17 @@
 {
-    "printWidth": 80,
-    "tabWidth": 4,
-    "trailingComma": "es5",
-    "useTabs": false,
-    "semi": false,
-    "singleQuote": true,
     "overrides": [
         {
             "files": ["*.yml", "*.yaml", "*.md"],
             "options": {
                 "tabWidth": 2
             }
         }
-    ]
+    ],
+    "plugins": ["prettier-plugin-astro"],
+    "printWidth": 100,
+    "semi": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "trailingComma": "es5",
+    "useTabs": false
 }

.prettierrc

@@ -1,24 +1,7 @@
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true,
     "editor.insertSpaces": true,
-    "editor.tabSize": 4,
-    "files.insertFinalNewline": true,
-    "files.trimFinalNewlines": true,
     "files.trimTrailingWhitespace": true,
-    "emeraldwalk.runonsave": {
-        "commands": [
-            {
-                "match": "\\.(js|ts|vue|json|css|scss|md|html)$",
-                "cmd": "npx prettier --write \"${file}\"",
-                "autoShowOutputPanel": "error"
-            }
-        ]
-    },
-    "[yaml]": {
-        "editor.tabSize": 2
-    },
-    "[astro]": {
-        "editor.defaultFormatter": "astro-build.astro-vscode"
+    "triggerTaskOnSave.tasks": {
+        "Prettify Current File": ["*"]
     }
 }

.vscode/settings.json

@@ -0,0 +1,38 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "Astro Dev Server",
+            "type": "shell",
+            "command": "npm run dev",
+            "runOptions": {
+                "runOn": "folderOpen"
+            },
+            "presentation": {
+                "clear": true,
+                "close": true,
+                "panel": "dedicated",
+                "showReuseMessage": false
+            }
+        },
+        {
+            "label": "Prettify All Files",
+            "type": "shell",
+            "command": "npx prettier --write .",
+            "runOptions": {
+                "runOn": "folderOpen"
+            },
+            "presentation": {
+                "close": true
+            }
+        },
+        {
+            "label": "Prettify Current File",
+            "type": "shell",
+            "command": "npx prettier --write ${file}",
+            "presentation": {
+                "showReuseMessage": false
+            }
+        }
+    ]
+}