Merge pull request #681 from Samq64/admin-notifications

Author: rgantzos

features/admin-notifications.js

@@ -0,0 +1,25 @@
+{
+  "title": "Red Admin Message Indicator",
+  "description": "If you have an admin notification from the Scratch Team, the message indicator in the navigation bar will display red instead of orange.",
+  "credits": [
+    {
+      "username": "rgantzos",
+      "url": "https://scratch.mit.edu/users/rgantzos"
+    }
+  ],
+  "scripts": [
+    {
+      "file": "script.js",
+      "runOn": "/*"
+    }
+  ],
+  "styles": [
+    {
+      "file": "style.css",
+      "runOn": "/*"
+    }
+  ],
+  "tags": [],
+  "type": ["Website"],
+  "dynamic": "true"
+}

features/admin-notifications/data.json

@@ -0,0 +1,25 @@
+export default async function ({ feature, console }) {
+  const session = await ScratchTools.Session();
+  if (!session.user) return;
+
+  const username = session.user.username;
+  const response = await fetch(
+    `https://api.scratch.mit.edu/users/${username}/messages/admin`,
+    {
+      headers: {
+        "x-token": session.user.token,
+      },
+    }
+  );
+  const data = await response.json();
+
+  if (data.length > 0) {
+    if (feature.tab.scratch === 2) {
+      document
+        .querySelector(".notificationsCount")
+        .classList.add("ste-red-alert");
+    } else {
+      document.querySelector(".message-count").classList.add("ste-red-alert");
+    }
+  }
+}

features/admin-notifications/script.js

@@ -0,0 +1,3 @@
+.ste-red-alert {
+  background-color: #ff1a1a !important;
+}

features/admin-notifications/style.css

@@ -232,6 +232,10 @@
     "version": 2,
     "id": "box-shadows"
   },
+  {
+    "version": 2,
+    "id": "admin-notifications"
+  },
   {
     "title": "Nicknames",
     "description": "Set nicknames for other Scratchers. Only you can see the nicknames, and their username will be replaced with the nickname when you see their name.",
@@ -672,15 +676,6 @@
     "type": ["Website", "Editor"],
     "dynamic": true
   },
-  {
-    "title": "Message Indicator Red for Admin Messages",
-    "description": "If you have an admin notification from the Scratch Team, the message indicator in the navigation bar will display red instead of orange.",
-    "credits": ["rgantzos"],
-    "urls": ["https://scratch.mit.edu/users/rgantzos/"],
-    "file": "admin-notifications",
-    "tags": [],
-    "type": ["Website"]
-  },
   {
     "title": "Custom Website Font",
     "description": "On the Scratch website, you can set the font to whatever font you want, as long as it is on the Google Fonts website. This is case-sensitive.",