···

       
36
       
36
       
 
       
  [ExtensionCompat.InvalidApiLevel]: "Incompatible API level",

     

       
37
       
37
       
 
       
  [ExtensionCompat.InvalidEnvironment]: "Incompatible platform"

     

       
38
       
38
       
 
       
};

     

       
39
       
39
       
+
       
const CONFLICTING_TEXT = "This extension is already installed from another source.";

     

       
39
       
40
       
 
       


     

       
40
       
41
       
 
       
export default function ExtensionCard({ uniqueId }: { uniqueId: number }) {

     

       
41
       
42
       
 
       
  const [tab, setTab] = React.useState(ExtensionPage.Info);

     
···

       
119
       
120
       
 
       
            )}

     

       
120
       
121
       
 
       


     

       
121
       
122
       
 
       
            {ext.state === ExtensionState.NotDownloaded ? (

     

       
122
       
122
       
-
       
              <Tooltip text={COMPAT_TEXT_MAP[ext.compat]} shouldShow={ext.compat !== ExtensionCompat.Compatible}>

     

       
123
       
123
       
+
       
              <Tooltip

     

       
124
       
124
       
+
       
                text={conflicting ? CONFLICTING_TEXT : COMPAT_TEXT_MAP[ext.compat]}

     

       
125
       
125
       
+
       
                shouldShow={conflicting || ext.compat !== ExtensionCompat.Compatible}

     

       
126
       
126
       
+
       
              >

     

       
123
       
127
       
 
       
                {(props: any) => (

     

       
124
       
128
       
 
       
                  <Button

     

       
125
       
129
       
 
       
                    {...props}