remove unused component

apps/studio/components/interfaces/ConnectButton/ConnectButton.tsx

@@ -20,7 +20,7 @@ export const ConnectButton = ({
 }: ConnectButtonProps) => {
   const connectSheetFlag = usePHFlag<string | boolean>('connectSheet')
   const isFlagResolved = connectSheetFlag !== undefined
-  const isConnectSheetEnabled = connectSheetFlag === true || connectSheetFlag === 'variation'
+  const isConnectSheetEnabled = false //connectSheetFlag === true || connectSheetFlag === 'variation'
 
   const { data: selectedProject } = useSelectedProjectQuery()
   const isActiveHealthy = selectedProject?.status === PROJECT_STATUS.ACTIVE_HEALTHY

apps/studio/components/interfaces/HomeNew/GettingStarted/FrameworkSelector.tsx

@@ -1,93 +0,0 @@
-import { Box, Check, ChevronDown } from 'lucide-react'
-import { useState } from 'react'
-import {
-  Button,
-  CommandEmpty_Shadcn_,
-  CommandGroup_Shadcn_,
-  CommandInput_Shadcn_,
-  CommandItem_Shadcn_,
-  CommandList_Shadcn_,
-  Command_Shadcn_,
-  PopoverContent_Shadcn_,
-  PopoverTrigger_Shadcn_,
-  Popover_Shadcn_,
-  cn,
-} from 'ui'
-
-import { ConnectionType } from '@/components/interfaces/Connect/Connect.constants'
-import { ConnectionIcon } from '@/components/interfaces/Connect/ConnectionIcon'
-
-interface FrameworkSelectorProps {
-  value: string
-  onChange: (value: string) => void
-  items: ConnectionType[]
-  className?: string
-  size?: 'tiny' | 'small'
-}
-
-export const FrameworkSelector = ({
-  value,
-  onChange,
-  items,
-  className,
-  size = 'tiny',
-}: FrameworkSelectorProps) => {
-  const [open, setOpen] = useState(false)
-
-  const selectedItem = items.find((item) => item.key === value)
-
-  function handleSelect(key: string) {
-    onChange(key)
-    setOpen(false)
-  }
-
-  return (
-    <Popover_Shadcn_ open={open} onOpenChange={setOpen} modal={false}>
-      <div className={cn('flex', className)}>
-        <PopoverTrigger_Shadcn_ asChild>
-          <Button
-            size={size}
-            type="default"
-            className={cn('gap-0 justify-between', className?.includes('w-full') && 'w-full')}
-            iconRight={<ChevronDown strokeWidth={1.5} />}
-          >
-            <div className="flex items-center gap-2">
-              {selectedItem?.icon ? <ConnectionIcon icon={selectedItem.icon} /> : <Box size={12} />}
-              {selectedItem?.label}
-            </div>
-          </Button>
-        </PopoverTrigger_Shadcn_>
-      </div>
-      <PopoverContent_Shadcn_
-        className="p-0 w-[var(--radix-popover-trigger-width)] min-w-48"
-        side="bottom"
-        align="start"
-        onOpenAutoFocus={(e) => e.preventDefault()}
-      >
-        <Command_Shadcn_>
-          <CommandInput_Shadcn_ placeholder="Search..." />
-          <CommandList_Shadcn_>
-            <CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
-            <CommandGroup_Shadcn_>
-              {items.map((item) => (
-                <CommandItem_Shadcn_
-                  key={item.key}
-                  value={item.key}
-                  onSelect={() => handleSelect(item.key)}
-                  className="flex gap-2 items-center"
-                >
-                  {item.icon ? <ConnectionIcon icon={item.icon} /> : <Box size={12} />}
-                  {item.label}
-                  <Check
-                    size={15}
-                    className={cn('ml-auto', item.key === value ? 'opacity-100' : 'opacity-0')}
-                  />
-                </CommandItem_Shadcn_>
-              ))}
-            </CommandGroup_Shadcn_>
-          </CommandList_Shadcn_>
-        </Command_Shadcn_>
-      </PopoverContent_Shadcn_>
-    </Popover_Shadcn_>
-  )
-}