···

       
164
       
164
       
 
       
                  disabled={implicitlyEnabled || ext.compat !== ExtensionCompat.Compatible}

     

       
165
       
165
       
 
       
                  hideBorder={true}

     

       
166
       
166
       
 
       
                  style={{ marginBottom: "0px" }}

     

       
167
       
167
       
+
       
                  // @ts-expect-error fix type later

     

       
167
       
168
       
 
       
                  tooltipNote={

     

       
168
       
168
       
-
       
                    ext.compat !== ExtensionCompat.Compatible

     

       
169
       
169
       
-
       
                      ? COMPAT_TEXT_MAP[ext.compat]

     

       
170
       
170
       
-
       
                      : implicitlyEnabled

     

       
171
       
171
       
-
       
                        ? `This extension is a dependency of the following enabled extension${

     

       
172
       
172
       
-
       
                            enabledDependants.length > 1 ? "s" : ""

     

       
173
       
173
       
-
       
                          }: ${enabledDependants.map((a) => a.manifest.meta?.name ?? a.id).join(", ")}`

     

       
174
       
174
       
-
       
                        : undefined

     

       
169
       
169
       
+
       
                    ext.compat !== ExtensionCompat.Compatible ? (

     

       
170
       
170
       
+
       
                      COMPAT_TEXT_MAP[ext.compat]

     

       
171
       
171
       
+
       
                    ) : implicitlyEnabled ? (

     

       
172
       
172
       
+
       
                      <div style={{ display: "flex", flexDirection: "column" }}>

     

       
173
       
173
       
+
       
                        <div>{`This extension is a dependency of the following enabled extension${

     

       
174
       
174
       
+
       
                          enabledDependants.length > 1 ? "s" : ""

     

       
175
       
175
       
+
       
                        }:`}</div>

     

       
176
       
176
       
+
       
                        {enabledDependants.map((dep) => (

     

       
177
       
177
       
+
       
                          <div>{"• " + (dep.manifest.meta?.name ?? dep.id)}</div>

     

       
178
       
178
       
+
       
                        ))}

     

       
179
       
179
       
+
       
                      </div>

     

       
180
       
180
       
+
       
                    ) : undefined

     

       
175
       
181
       
 
       
                  }

     

       
176
       
182
       
 
       
                  onChange={() => {

     

       
177
       
183
       
 
       
                    const toggle = () => {