Fixes

Author: DerGoogler

Website/src/activitys/ViewModuleActivity.tsx

@@ -16,6 +16,7 @@ import Video from "@Components/dapi/Video";
 import DiscordWidget from "@Components/dapi/DiscordWidget";
 import LinkManager from "@Native/LinkManager";
 import Log from "@Builders/Log";
+import PackageManager from "@Native/PackageManager";
 
 interface Props {
   extra?: any;
@@ -219,8 +220,24 @@ class ViewModuleActivity extends React.Component<Props, States> {
                   if (minMagisk != (null || undefined)) {
                     return (
                       <tr>
-                        <td style={{ width: "100%" }}>Min. Magisk</td>
-                        <td>{minMagisk}</td>
+                        <td
+                          style={{
+                            width: "100%",
+                          }}
+                        >
+                          Min. Magisk
+                        </td>
+                        <td
+                          style={{
+                            color: Constants.isAndroid
+                              ? PackageManager.parseMagisk(minMagisk) > PackageManager.getMagiskVersionCode
+                                ? "red"
+                                : ""
+                              : "",
+                          }}
+                        >
+                          {minMagisk}
+                        </td>
                       </tr>
                     );
                   } else {

Website/src/components/ExploreModule.tsx

@@ -204,20 +204,21 @@ class ExploreModule extends React.Component<Props, States> {
                     }}
                   >
                     {props.name}
+
+                    {(() => {
+                      if (isVerified) {
+                        return (
+                          <>
+                            {" "}
+                            <VerifiedIcon color="#4a148c" />
+                          </>
+                        );
+                      } else {
+                        return null;
+                      }
+                    })()}
                   </span>
                 </item-module-name>
-                {(() => {
-                  if (isVerified) {
-                    return (
-                      <>
-                        {" "}
-                        <VerifiedIcon color="#4a148c" />
-                      </>
-                    );
-                  } else {
-                    return null;
-                  }
-                })()}
               </item-title>
               <div className="content">
                 <item-version-author

Website/src/native/PackageManager.ts

@@ -27,11 +27,11 @@ class PackageManager {
     }
   }
 
-  public static get getMagiskVersionCode(): string {
+  public static get getMagiskVersionCode(): number {
     if (Constants.isAndroid) {
-      return Shell.cmd("su -V").result();
+      return parseInt(Shell.cmd("su -V").result());
     } else {
-      return "0";
+      return 0;
     }
   }
   public static get getMagiskVersionName(): string {
@@ -41,6 +41,14 @@ class PackageManager {
       return "0:MAGISKSU";
     }
   }
+  public static parseMagisk(version: string): number {
+    const i = version.indexOf(".");
+    if (i == -1) {
+      return parseInt(version);
+    } else {
+      return parseInt(version.substring(0, i)) * 1000 + parseInt(version.substring(i + 1)) * 100;
+    }
+  }
 }
 
 export default PackageManager;