show slither checkbox only for localhost workspace

libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx

@@ -12,6 +12,7 @@ export interface RemixUiCheckboxProps {
   id?: string
   itemName?: string
   categoryId?: string
+  visibility?: string
 }
 
 export const RemixUiCheckbox = ({
@@ -23,10 +24,11 @@ export const RemixUiCheckbox = ({
   checked,
   onChange,
   itemName,
-  categoryId
+  categoryId,
+  visibility
 }: RemixUiCheckboxProps) => {
   return (
-    <div className="listenOnNetwork_2A0YE0 custom-control custom-checkbox" style={{ display: 'flex', alignItems: 'center' }} onClick={onClick}>
+    <div className="listenOnNetwork_2A0YE0 custom-control custom-checkbox" style={{ display: 'flex', alignItems: 'center', visibility: `${visibility}` }} onClick={onClick}>
       <input
         id={id}
         type={inputType}

libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx

@@ -56,6 +56,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
   }
   const [autoRun, setAutoRun] = useState(true)
   const [slitherEnabled, setSlitherEnabled] = useState(false)
+  const [showSlither, setShowSlither] = useState('hidden')
   const [categoryIndex, setCategoryIndex] = useState(groupedModuleIndex(groupedModules))
 
   const warningContainer = React.useRef(null)
@@ -341,6 +342,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
             checked={slitherEnabled}
             label="Enable Slither Analysis"
             onChange={() => {}}
+            visibility = {showSlither}
           />
         </div>
       </div>