···

       
72
       
72
       
 
       
  const version = ext.manifest?.version;

     

       
73
       
73
       
 
       


     

       
74
       
74
       
 
       
  const dependencies: Dependency[] = [];

     

       
75
       
75
       
+
       
  const incompatible: Dependency[] = [];

     

       
76
       
76
       
+
       


     

       
75
       
77
       
 
       
  if (ext.manifest.dependencies != null) {

     

       
76
       
78
       
 
       
    dependencies.push(

     

       
77
       
79
       
 
       
      ...ext.manifest.dependencies.map((dep) => ({

     
···

       
91
       
93
       
 
       
  }

     

       
92
       
94
       
 
       


     

       
93
       
95
       
 
       
  if (ext.manifest.incompatible != null) {

     

       
94
       
94
       
-
       
    dependencies.push(

     

       
96
       
96
       
+
       
    incompatible.push(

     

       
95
       
97
       
 
       
      ...ext.manifest.incompatible.map((dep) => ({

     

       
96
       
98
       
 
       
        id: dep,

     

       
97
       
99
       
 
       
        type: DependencyType.Incompatible

     
···

       
142
       
144
       
 
       
      {dependencies.length > 0 && (

     

       
143
       
145
       
 
       
        <InfoSection title="Dependencies">

     

       
144
       
146
       
 
       
          {dependencies.map((dep) => {

     

       
145
       
145
       
-
       
            /*const colors = {

     

       
146
       
146
       
-
       
              [DependencyType.Dependency]: "var(--bg-mod-strong)",

     

       
147
       
147
       
-
       
              [DependencyType.Optional]: "var(--bg-mod-faint)",

     

       
148
       
148
       
-
       
              [DependencyType.Incompatible]: "var(--red-400)"

     

       
149
       
149
       
-
       
            };

     

       
150
       
150
       
-
       
            const color = colors[dep.type];*/

     

       
147
       
147
       
+
       
            const name = MoonbaseSettingsStore.tryGetExtensionName(dep.id);

     

       
148
       
148
       
+
       


     

       
149
       
149
       
+
       
            // TODO: figure out a decent way to distinguish suggested

     

       
150
       
150
       
+
       
            return (

     

       
151
       
151
       
+
       
              <Badge color="var(--bg-mod-strong)" key={dep.id}>

     

       
152
       
152
       
+
       
                {name}

     

       
153
       
153
       
+
       
              </Badge>

     

       
154
       
154
       
+
       
            );

     

       
155
       
155
       
+
       
          })}

     

       
156
       
156
       
+
       
        </InfoSection>

     

       
157
       
157
       
+
       
      )}

     

       
158
       
158
       
+
       


     

       
159
       
159
       
+
       
      {incompatible.length > 0 && (

     

       
160
       
160
       
+
       
        <InfoSection title="Incompatible">

     

       
161
       
161
       
+
       
          {incompatible.map((dep) => {

     

       
151
       
162
       
 
       
            const name = MoonbaseSettingsStore.tryGetExtensionName(dep.id);

     

       
152
       
163
       
 
       


     

       
153
       
164
       
 
       
            return (