dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-14 05:39:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

style: some token permissions ui clean up

Browse Source 
Cleans up token permissions part of the form and fixes the functionality of the popover search
This commit is contained in:
kemal committed 2025-08-15 10:45:02 +01:00
1 parent c65a47f822
commit 3d22914df2
2 files changed
+10 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/studio/components/interfaces/Account/AccessTokens/NewTokenBanner.tsx
+1
View File
@@ -12,6 +12,7 @@ const NewTokenBanner = ({ token }: NewTokenBannerProps) => {
<Admonition
type="default"
title="Successfully generated a new token!"
className="mb-6"
description={
<>
<div className="w-full space-y-2">
apps/studio/components/interfaces/Account/AccessTokens/TokenPermissionsForm.tsx
+9 -7
View File
@@ -59,7 +59,7 @@ export const TokenPermissionsForm = ({
<CommandEmpty_Shadcn_>No resources found.</CommandEmpty_Shadcn_>
{/* Preset Options */}
<CommandGroup_Shadcn_ heading="Preset options">
<CommandGroup_Shadcn_ heading="Preset options" className="[&>div]:text-left">
<CommandItem_Shadcn_
value="add-all-permissions"
onSelect={() => {
@@ -141,11 +141,11 @@ export const TokenPermissionsForm = ({
</CommandItem_Shadcn_>
</CommandGroup_Shadcn_>
<CommandGroup_Shadcn_ heading="Individual permissions">
<CommandGroup_Shadcn_ heading="Individual permissions" className="[&>div]:text-left">
{ALL_RESOURCES.map((resource) => (
<CommandItem_Shadcn_
key={resource.resource}
value={resource.resource}
value={`${resource.resource} ${resource.title} ${resource.group}`}
onSelect={() => {
const newRows = [
...permissionRows,
@@ -154,6 +154,7 @@ export const TokenPermissionsForm = ({
setValue('permissionRows', newRows)
setResourceSearchOpen(false)
}}
className="text-white"
>
<div className="flex items-center gap-3">
<Key size={12} />
@@ -190,7 +191,7 @@ export const TokenPermissionsForm = ({
<CommandEmpty_Shadcn_>No resources found.</CommandEmpty_Shadcn_>
{/* Preset Options */}
<CommandGroup_Shadcn_ heading="Preset options">
<CommandGroup_Shadcn_ heading="Preset options" className="[&>div]:text-left">
<CommandItem_Shadcn_
value="add-all-permissions"
onSelect={() => {
@@ -272,11 +273,11 @@ export const TokenPermissionsForm = ({
</CommandItem_Shadcn_>
</CommandGroup_Shadcn_>
<CommandGroup_Shadcn_ heading="Individual permissions">
<CommandGroup_Shadcn_ heading="Individual permissions" className="[&>div]:text-left">
{ALL_RESOURCES.map((resource) => (
<CommandItem_Shadcn_
key={resource.resource}
value={resource.resource}
value={`${resource.resource} ${resource.title} ${resource.group}`}
onSelect={() => {
const newRows = [
...permissionRows,
@@ -285,6 +286,7 @@ export const TokenPermissionsForm = ({
setValue('permissionRows', newRows)
setResourceSearchOpen(false)
}}
className="text-white"
>
<div className="flex items-center gap-3">
<Key size={12} />
@@ -313,7 +315,7 @@ export const TokenPermissionsForm = ({
<div className="flex-1">
<div className="flex items-center gap-2">
<div className="flex flex-col">
<span className="text-sm font-medium truncate max-w-[24ch]">
<span className="text-sm font-medium truncate max-w-[36ch]">
{selectedResource?.title}
</span>
<span className="text-xs text-foreground-light">