chore: handle uploaded selected

web/app/components/plugins/install-plugin/install-bundle/item/loaded-item.tsx

@@ -27,7 +27,7 @@ const LoadedItem: FC<Props> = ({
       <Card
         className='grow'
         payload={payload}
-        titleLeft={<Badge className='mx-1' size="s" state={BadgeState.Default}>{payload.version}</Badge>}
+        titleLeft={payload.version ? <Badge className='mx-1' size="s" state={BadgeState.Default}>{payload.version}</Badge> : null}
       />
     </div>
   )

web/app/components/plugins/install-plugin/install-bundle/steps/install-by-dsl-list.tsx

@@ -65,14 +65,14 @@ const InstallByDSLList: FC<Props> = ({
         d.type === 'github'
           ? <GithubItem
             key={index}
-            checked={!!selectedPlugins.find(p => p.plugin_id === d.value.plugin_unique_identifier)}
+            checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
             onCheckedChange={handleSelect}
             dependency={d}
             onFetchedPayload={handlePlugInFetched(index)}
           />
           : <MarketplaceItem
             key={index}
-            checked={!!selectedPlugins.find(p => p.plugin_id === d.value.plugin_unique_identifier)}
+            checked={!!selectedPlugins.find(p => p.plugin_id === plugins[index]?.plugin_id)}
             onCheckedChange={handleSelect}
             payload={plugins[index] as Plugin}
           />

web/app/components/plugins/install-plugin/install-bundle/steps/install.tsx

@@ -23,15 +23,13 @@ const Install: FC<Props> = ({
   const selectedPluginsNum = selectedPlugins.length
 
   const handleSelect = (plugin: Plugin) => {
-    return () => {
+    const isSelected = !!selectedPlugins.find(p => p.plugin_id === plugin.plugin_id)
-      const isSelected = !!selectedPlugins.find(p => p.plugin_id === plugin.plugin_id)
+    let nextSelectedPlugins
-      let nextSelectedPlugins
+    if (isSelected)
-      if (isSelected)
+      nextSelectedPlugins = selectedPlugins.filter(p => p.plugin_id !== plugin.plugin_id)
-        nextSelectedPlugins = selectedPlugins.filter(p => p.plugin_id !== plugin.plugin_id)
+    else
-      else
+      nextSelectedPlugins = [...selectedPlugins, plugin]
-        nextSelectedPlugins = [...selectedPlugins, plugin]
+    setSelectedPlugins(nextSelectedPlugins)
-      setSelectedPlugins(nextSelectedPlugins)
-    }
   }
   const [canInstall, setCanInstall] = React.useState(false)
   const handleLoadedAllPlugin = useCallback(() => {