added module notes

Website/src/activitys/ModuleViewActivity/tabs/OverviewTab.tsx

@@ -32,12 +32,35 @@ import { Build } from "@Native/Build";
 import { os } from "@Native/Os";
 import { useFetch } from "@Hooks/useFetch";
 
+const colorHandler = (color?: ModuleNoteColors) => {
+  switch (color) {
+    case "green":
+    case "success":
+      return "success";
+
+    case "info":
+    case "blue":
+      return "info";
+
+    case "warning":
+    case "yellow":
+      return "warning";
+
+    case "error":
+    case "red":
+      return "error";
+
+    default:
+      return "info";
+  }
+};
+
 const OverviewTab = () => {
   const { strings } = useStrings();
   const { context, extra } = useActivity<Module>();
   const { settings } = useSettings();
   const { modules } = useRepos();
-  const { id, name, description, versions, minApi, track } = extra;
+  const { id, name, description, versions, minApi, note, track } = extra;
 
   const { icon, screenshots, require, readme: moduleReadme, categories } = useModuleInfo(extra);
 
@@ -55,6 +78,13 @@ const OverviewTab = () => {
   return (
     <>
       <Stack direction="column" justifyContent="center" alignItems="flex-start" spacing={1}>
+        {note && (
+          <Alert sx={{ width: "100%" }} severity={colorHandler(note.color)}>
+            {note.title && <AlertTitle>{note.title}</AlertTitle>}
+            {note.message}
+          </Alert>
+        )}
+
         {isLowQuality && (
           <Alert sx={{ width: "100%" }} severity="warning">
             <AlertTitle>{strings("low_quality_module")}</AlertTitle>

Website/src/typings/global.d.ts

@@ -162,6 +162,13 @@ declare global {
     description: string;
   }
 
+  export type ModuleNoteColors = "success" | "green" | "info" | "blue" | "warning" | "yellow" | "error" | "red";
+  export interface ModuleNote {
+    title?: string;
+    message?: string;
+    color?: ModuleNoteColors;
+  }
+
   export interface Module extends BaseModule {
     updateJson?: string;
     added: number;
@@ -185,6 +192,7 @@ declare global {
     categories?: string[];
     stars?: number;
     readme?: string;
+    note?: ModuleNote;
 
     /**
      * Non-user definable