Repository: supabase/supabase
File: apps/studio/components/interfaces/Storage/VectorBuckets/VectorBucketDetails.tsx (TypeScript)

Code before:
                                      onClick={(e) => {
                                        e.stopPropagation()
                                        setSelectedTableToDelete(index.indexName)
                                      }}
                                    >
                                      <Trash2 size={12} />
                                      <p>Delete table</p>
                                    </DropdownMenuItem>
                                  </DropdownMenuContent>
                                </DropdownMenu>
                              </div>
                            </TableCell>
                          </TableRow>
                        )
                      })
                    )}
                  </TableBody>
                </Table>
              </Card>
            )}
          </ScaffoldSection>

          <ScaffoldSection isFullWidth className="flex flex-col gap-y-4">
            <header>
              <ScaffoldSectionTitle>Manage</ScaffoldSectionTitle>
            </header>
            <Card>
              <CardContent className="flex flex-col md:flex-row md:justify-between gap-y-4 gap-x-8 md:items-center">
                <div className="flex flex-col">
                  <h3>Delete bucket</h3>
                  <p className="text-sm text-foreground-lighter">
                    This will also delete any data in your bucket. Make sure you have a backup if
                    you want to keep your data.
                  </p>
                </div>
                <Button
                  type="danger"
                  disabled={!isSuccessBucket}
                  onClick={() => setShowDeleteModal(true)}
                >
                  Delete bucket
                </Button>
              </CardContent>
            </Card>
          </ScaffoldSection>
        </ScaffoldContainer>
      )}

      <DeleteVectorTableModal
        visible={!!selectedTableToDelete}
        table={selectedTableToDelete}

Review comment (suggestion):
Ideally both of these:

- Query in SQL Editor
- View in Table Editor

...get moved to sibling foreign row beneath this one, after we match the analytics buckets UI merged in https://github.com/supabase/supabase/pull/40645

Code after:
                                              size={12}
                                              className="text-foreground-lighter"
                                            />
                                            <p>Query in SQL Editor</p>
                                          </Link>
                                        </DropdownMenuItem>
                                        <DropdownMenuItem
                                          className="flex items-center space-x-2"
                                          asChild
                                        >
                                          {/* TODO: Proper URL for table editor */}
                                          <Link
                                            href={`/project/${projectRef}/editor/${encodeURIComponent(
                                              name
                                            )}?schema=${getVectorBucketFDWSchemaName(bucketId!)}`}
                                            onClick={(e) => e.stopPropagation()}
                                          >
                                            <TableEditor
                                              size={12}
                                              className="text-foreground-lighter"
                                            />
                                            <p>View in Table Editor</p>
                                          </Link>
                                        </DropdownMenuItem>
                                      </>
                                    ) : null}
                                    <DropdownMenuItem
                                      className="flex items-center space-x-2"
                                      onClick={(e) => {
                                        e.stopPropagation()
                                        setSelectedTableToDelete(index.indexName)
                                      }}
                                    >
                                      <Trash2 size={12} className="text-foreground-lighter" />
                                      <p>Delete table</p>
                                    </DropdownMenuItem>
                                  </DropdownMenuContent>
                                </DropdownMenu>
                              </div>
                            </TableCell>
                          </TableRow>
                        )
                      })
                    )}
                  </TableBody>
                </Table>
              </Card>
            )}
          </ScaffoldSection>

          <ScaffoldSection isFullWidth className="flex flex-col gap-y-4">