Use new JWT Signing Keys and API Keys instead
Consider using a combination of the JWT Signing Keys and API Keys features to
achieve the same effect.{' '}
-
+
Some or all of the warnings listed below might not apply when using these features
.
diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx
index d031991c8d5..254d95d95c1 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/BillingBreakdown/BillingMetric.tsx
@@ -190,7 +190,7 @@ export const BillingMetric = ({
-
{plan.name}
+
{plan.name}
{isCurrentPlan ? (
Current plan
) : plan.nameBadge ? (
-
+
{plan.nameBadge}
) : null}
@@ -72,7 +72,7 @@ export const EnterpriseCard = ({ plan, isCurrentPlan, variants }: EnterpriseCard
key={typeof feature === 'string' ? feature : feature[0]}
className="flex items-center py-2 first:mt-0"
>
-
+
{typeof feature === 'string' ? feature : feature[0]}
diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
index 08e2674fb37..ee1a08b9199 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/PlanCard.tsx
@@ -174,7 +174,7 @@ function ControlCard({
>
-
{plan.name}
+
{plan.name}
{isCurrentPlan ? (
Current plan
@@ -207,7 +207,7 @@ function ControlCard({
@@ -331,7 +331,7 @@ function ParityCard({
>
-
{typeof feature === 'string' ? feature : feature[0]}
diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
index ad226853155..449fe7d5c9a 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
@@ -79,7 +79,7 @@ const Subscription = () => {
{isSuccess && (
-
+
{currentPlan?.name ?? 'Unknown'} Plan
diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx
index 484da2f54e7..bee25de3588 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx
@@ -436,7 +436,7 @@ export const SubscriptionPlanUpdateDialog = ({
{' '}
+ current spend
@@ -565,7 +565,7 @@ export const SubscriptionPlanUpdateDialog = ({
className="flex items-center gap-2"
>
-
{typeof feature === 'string' ? feature : feature[0]}
diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
index ea477f87494..8ac3572f54b 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
@@ -54,7 +54,7 @@ export const ScopeSection = ({
return (
-
{permissions} {description}
diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthSecrets/SecretRow.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthSecrets/SecretRow.tsx
index 8315926148d..53f9b14f709 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthSecrets/SecretRow.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthSecrets/SecretRow.tsx
@@ -61,7 +61,7 @@ export const SecretRow = ({ secret, appId }: SecretRowProps) => {
- {isNew &&
}
+ {isNew &&
}
{isNew ? secret.client_secret : `${secret.client_secret_alias}${'*'.repeat(36)}`}
diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/PublishableApps.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/PublishableApps.tsx
index b7e4ab52a77..49838700d0c 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/PublishableApps.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/PublishableApps.tsx
@@ -165,7 +165,7 @@ export const PublishableApps = () => {
-
+
You've created your new OAuth application.
diff --git a/apps/studio/components/interfaces/Organization/PrivateApps/Apps/ViewAppSheet/ViewAppSheetInfo.tsx b/apps/studio/components/interfaces/Organization/PrivateApps/Apps/ViewAppSheet/ViewAppSheetInfo.tsx
index 9298948b4c8..41a180bcd91 100644
--- a/apps/studio/components/interfaces/Organization/PrivateApps/Apps/ViewAppSheet/ViewAppSheetInfo.tsx
+++ b/apps/studio/components/interfaces/Organization/PrivateApps/Apps/ViewAppSheet/ViewAppSheetInfo.tsx
@@ -44,7 +44,7 @@ function CopyableId({ id, label }: { id: string; label: string }) {
>
{id}
{isCopied ? (
-
- Claim a project {projectClaim?.project?.name} from{' '}
- {requester?.name}
+ Claim a project {projectClaim?.project?.name} from{' '}
+ {requester?.name}
}
>
@@ -28,7 +28,7 @@ export const ProjectClaimBenefits = ({
Why manage your database project on Supabase?
-
Excellent Technical Support
@@ -38,7 +38,7 @@ export const ProjectClaimBenefits = ({
-
Unrestricted usage.
@@ -48,7 +48,7 @@ export const ProjectClaimBenefits = ({
-
Visibility into your data.
@@ -58,7 +58,7 @@ export const ProjectClaimBenefits = ({
-
Observability and easy debugging.
@@ -68,7 +68,7 @@ export const ProjectClaimBenefits = ({
-
Easy Compute Scaling.
diff --git a/apps/studio/components/interfaces/Organization/ProjectClaim/confirm.tsx b/apps/studio/components/interfaces/Organization/ProjectClaim/confirm.tsx
index ce7711e7c7a..64f357152ee 100644
--- a/apps/studio/components/interfaces/Organization/ProjectClaim/confirm.tsx
+++ b/apps/studio/components/interfaces/Organization/ProjectClaim/confirm.tsx
@@ -68,8 +68,8 @@ export const ProjectClaimConfirm = ({
- Claim a project {projectClaim?.project?.name} from{' '}
- {requester?.name}
+ Claim a project {projectClaim?.project?.name} from{' '}
+ {requester?.name}
}
>
@@ -117,7 +117,7 @@ export const ProjectClaimConfirm = ({
-
The project will be transferred to your Supabase organization{' '}
@@ -133,7 +133,7 @@ export const ProjectClaimConfirm = ({
-
{requester?.name} will receive API access
@@ -143,7 +143,7 @@ export const ProjectClaimConfirm = ({
-
You'll be responsible for maintaining the project, which may include additional
diff --git a/apps/studio/components/interfaces/Organization/TeamSettings/MemberRow.tsx b/apps/studio/components/interfaces/Organization/TeamSettings/MemberRow.tsx
index 4f31165413c..add41970950 100644
--- a/apps/studio/components/interfaces/Organization/TeamSettings/MemberRow.tsx
+++ b/apps/studio/components/interfaces/Organization/TeamSettings/MemberRow.tsx
@@ -118,7 +118,7 @@ export const MemberRow = memo(function MemberRow({ member }: MemberRowProps) {
{member.mfa_enabled ? (
<>
Enabled
-
Organization is on the{' '}
- {subscription.plan.name} Plan
+ {subscription.plan.name} Plan
Our engineers are currently working on a fix. You can follow updates on{' '}
-
+
https://status.supabase.com/
diff --git a/apps/studio/components/interfaces/ProjectCreation/ProjectCreationFooter.tsx b/apps/studio/components/interfaces/ProjectCreation/ProjectCreationFooter.tsx
index 0dc55290ae2..e50aaf28ece 100644
--- a/apps/studio/components/interfaces/ProjectCreation/ProjectCreationFooter.tsx
+++ b/apps/studio/components/interfaces/ProjectCreation/ProjectCreationFooter.tsx
@@ -107,7 +107,7 @@ export const ProjectCreationFooter = ({
Additional costs
-
+
${displayedAdditionalMonthlySpend}/m
diff --git a/apps/studio/components/interfaces/ProjectHome/PlanUsageCard.tsx b/apps/studio/components/interfaces/ProjectHome/PlanUsageCard.tsx
index 56a20b9292e..902ccffb398 100644
--- a/apps/studio/components/interfaces/ProjectHome/PlanUsageCard.tsx
+++ b/apps/studio/components/interfaces/ProjectHome/PlanUsageCard.tsx
@@ -101,7 +101,7 @@ const ProgressRing = ({
transform="rotate(-90 9 9)"
className={cn(
'transition-[stroke-dashoffset] duration-500',
- isOver ? 'text-warning-600' : isApproaching ? 'text-warning' : 'text-brand'
+ isOver ? 'text-warning-600' : isApproaching ? 'text-warning' : 'text-primary'
)}
/>
diff --git a/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx b/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx
index c0b31d5b310..854383c090b 100644
--- a/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx
+++ b/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx
@@ -225,7 +225,7 @@ export const ProjectConnectionPopover = ({ projectRef }: ProjectConnectionPopove
{copiedItem === item.label ?
:
}
diff --git a/apps/studio/components/interfaces/ProjectHome/ServiceStatus.tsx b/apps/studio/components/interfaces/ProjectHome/ServiceStatus.tsx
index 69b31a420b6..ae4df4aa17a 100644
--- a/apps/studio/components/interfaces/ProjectHome/ServiceStatus.tsx
+++ b/apps/studio/components/interfaces/ProjectHome/ServiceStatus.tsx
@@ -30,7 +30,7 @@ const iconProps = {
}
const LoaderIcon = () =>
const AlertIcon = () =>
-const CheckIcon = () =>
+const CheckIcon = () =>
const DisabledIcon = () =>
export const StatusIcon = ({
diff --git a/apps/studio/components/interfaces/QueryPerformance/IndexAdvisor/IndexImprovementText.tsx b/apps/studio/components/interfaces/QueryPerformance/IndexAdvisor/IndexImprovementText.tsx
index 30d26c7ffe6..844568394f4 100644
--- a/apps/studio/components/interfaces/QueryPerformance/IndexAdvisor/IndexImprovementText.tsx
+++ b/apps/studio/components/interfaces/QueryPerformance/IndexAdvisor/IndexImprovementText.tsx
@@ -21,7 +21,7 @@ export const IndexImprovementText = ({
return (
Query's performance can be improved by{' '}
- {improvement.toFixed(2)}% by creating this{' '}
+ {improvement.toFixed(2)}% by creating this{' '}
{indexStatements.length > 1 ? 'indexes' : 'index'}:
)
diff --git a/apps/studio/components/interfaces/QueryPerformance/QueryDetail.tsx b/apps/studio/components/interfaces/QueryPerformance/QueryDetail.tsx
index 01db8877c95..f7b96f5a4f7 100644
--- a/apps/studio/components/interfaces/QueryPerformance/QueryDetail.tsx
+++ b/apps/studio/components/interfaces/QueryPerformance/QueryDetail.tsx
@@ -104,7 +104,7 @@ export const QueryDetail = ({ selectedRow, onClickViewSuggestion, onClose }: Que
{isLinterWarning && (
Suggested optimization: Add an index
diff --git a/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx b/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx
index 1fe97d0dcc1..5f64a08d9f6 100644
--- a/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx
+++ b/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx
@@ -311,7 +311,7 @@ export const QueryIndexes = ({
{isLinterWarning ? (
@@ -320,7 +320,7 @@ export const QueryIndexes = ({
You can improve this query's performance by{' '}
- {totalImprovement.toFixed(2)}% by
+ {totalImprovement.toFixed(2)}% by
adding the following suggested{' '}
{index_statements.length > 1 ? 'indexes' : 'index'}
diff --git a/apps/studio/components/interfaces/QueryPerformance/QueryPanel.tsx b/apps/studio/components/interfaces/QueryPerformance/QueryPanel.tsx
index d052c10c2c5..66dc6290e9f 100644
--- a/apps/studio/components/interfaces/QueryPerformance/QueryPanel.tsx
+++ b/apps/studio/components/interfaces/QueryPerformance/QueryPanel.tsx
@@ -71,13 +71,13 @@ export const QueryPanelScoreSection = ({
{after > before ? (
before ? 'text-warning' : 'text-brand'
+ after > before ? 'text-warning' : 'text-primary'
)}
>
{(((before - after) / before) * 100).toFixed(2)}%
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/AnimatedCursors.tsx b/apps/studio/components/interfaces/Realtime/Inspector/AnimatedCursors.tsx
index 50fcf5c43c0..29afd32fecf 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/AnimatedCursors.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/AnimatedCursors.tsx
@@ -45,7 +45,7 @@ export const AnimatedCursors = () => {
Currently joined{' '}
-
+
{config.isChannelPrivate ? 'private' : 'public'}
{' '}
channel:
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/TableSelector.tsx b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/TableSelector.tsx
index 4f4163cb860..99661a9ab32 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/TableSelector.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/RealtimeFilterPopover/TableSelector.tsx
@@ -143,7 +143,7 @@ const TableSelector = ({
>
All tables
{selectedSchemaName === '*' && (
- {table.name}
{selectedSchemaName === table.name && (
-
-
) : (
{
{showSavedText ? (
-
All changes saved
diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
index 8a65752c317..a580b03b282 100644
--- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
+++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/UtilityActions.tsx
@@ -129,7 +129,7 @@ export const UtilityActions = ({
- {intellisenseEnabled &&
Intellisense enabled
- {intellisenseEnabled &&
diff --git a/apps/studio/components/interfaces/Settings/API/ExposedFunctionSelector.tsx b/apps/studio/components/interfaces/Settings/API/ExposedFunctionSelector.tsx
index 4da0bb22374..9032e14a20e 100644
--- a/apps/studio/components/interfaces/Settings/API/ExposedFunctionSelector.tsx
+++ b/apps/studio/components/interfaces/Settings/API/ExposedFunctionSelector.tsx
@@ -210,7 +210,7 @@ export const ExposedFunctionSelector = ({
>
- {isExposed &&
}
+ {isExposed &&
}
{!isSchemaExposed && (
diff --git a/apps/studio/components/interfaces/Settings/API/ExposedSchemaSelector.tsx b/apps/studio/components/interfaces/Settings/API/ExposedSchemaSelector.tsx
index 5d087c6c438..8f4040a408b 100644
--- a/apps/studio/components/interfaces/Settings/API/ExposedSchemaSelector.tsx
+++ b/apps/studio/components/interfaces/Settings/API/ExposedSchemaSelector.tsx
@@ -156,7 +156,7 @@ export const ExposedSchemaSelector = ({
>
- {schema}
{internalSchemasCannotExpose.has(schema) ? (
@@ -187,7 +187,7 @@ export const ExposedSchemaSelector = ({
- {isExposed && {schema.name}
diff --git a/apps/studio/components/interfaces/Settings/API/ExposedTableSelector.tsx b/apps/studio/components/interfaces/Settings/API/ExposedTableSelector.tsx
index 8366b629ab1..88d2e3dd0e6 100644
--- a/apps/studio/components/interfaces/Settings/API/ExposedTableSelector.tsx
+++ b/apps/studio/components/interfaces/Settings/API/ExposedTableSelector.tsx
@@ -204,7 +204,7 @@ export const ExposedTableSelector = ({
>
- {isExposed &&
}
+ {isExposed &&
}
{!isSchemaExposed && (
diff --git a/apps/studio/components/interfaces/Settings/API/HardenAPIModal.tsx b/apps/studio/components/interfaces/Settings/API/HardenAPIModal.tsx
index 3ed81f7a65b..e958a7e69b0 100644
--- a/apps/studio/components/interfaces/Settings/API/HardenAPIModal.tsx
+++ b/apps/studio/components/interfaces/Settings/API/HardenAPIModal.tsx
@@ -118,7 +118,7 @@ export const HardenAPIModal = ({ visible, onClose }: HardenAPIModalProps) => {
generate API routes. In some cases, it's better to use a custom schema. This is
important if you use tools that generate tables in the{' '}
public schema to{' '}
- prevent accidental exposure of data .
+ prevent accidental exposure of data .
{
1. Create a custom api schema and expose it
{hasAPISchema && isAPISchemaExposed ? (
- {
schemas
{!isPublicSchemaExposed ? (
- {
{legacyAuthCustomRoles.map((role) => (
- ALTER ROLE {role} WITH
- PASSWORD 'newpassword ';
+ ALTER ROLE {role} WITH
+ PASSWORD 'newpassword ';
))}
diff --git a/apps/studio/components/interfaces/Settings/Logs/Logs.DatePickers.tsx b/apps/studio/components/interfaces/Settings/Logs/Logs.DatePickers.tsx
index 91b805418b1..7d109344cdd 100644
--- a/apps/studio/components/interfaces/Settings/Logs/Logs.DatePickers.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/Logs.DatePickers.tsx
@@ -418,7 +418,7 @@ export const LogsDatePicker = ({
size="tiny"
onClick={handleCopy}
className={cn({
- 'text-brand': copied || pasted,
+ 'text-primary': copied || pasted,
})}
>
{copied ? 'Copied!' : pasted ? 'Pasted!' : 'Copy range'}
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsFormatters.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsFormatters.tsx
index 354eb829005..196e17f1302 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogsFormatters.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogsFormatters.tsx
@@ -98,7 +98,7 @@ export const ResponseCodeFormatter = ({ value }: { value: string }) => {
case '1':
return {value}
case '2':
- return {value}
+ return {value}
// 5XX responses
case '5':
return {value}
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
index 2554b5b9452..740fd03b061 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
@@ -263,7 +263,7 @@ export const LogsQueryPanel = ({
href={`${DOCS_URL}/guides/platform/logs#unnesting-arrays`}
target="_blank"
rel="noreferrer"
- className="text-brand"
+ className="text-primary"
>
unnesting joins
-
Copied
diff --git a/apps/studio/components/interfaces/Settings/Logs/MultiSelectActionBar.tsx b/apps/studio/components/interfaces/Settings/Logs/MultiSelectActionBar.tsx
index e76aab3810c..855484d2f9d 100644
--- a/apps/studio/components/interfaces/Settings/Logs/MultiSelectActionBar.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/MultiSelectActionBar.tsx
@@ -62,7 +62,9 @@ export function MultiSelectActionBar({
{option.name}
{view === option.key && (
-
+
)}
@@ -282,7 +282,7 @@ export const BucketFilePickerHeader = () => {
{option.name}
{sortBy === option.key && (
-
+
)}
@@ -300,7 +300,7 @@ export const BucketFilePickerHeader = () => {
{option.name}
{sortByOrder === option.key && (
-
+
)}
diff --git a/apps/studio/components/interfaces/Storage/StorageExplorer/FileExplorerHeader.tsx b/apps/studio/components/interfaces/Storage/StorageExplorer/FileExplorerHeader.tsx
index 41da3332a3a..de95158b572 100644
--- a/apps/studio/components/interfaces/Storage/StorageExplorer/FileExplorerHeader.tsx
+++ b/apps/studio/components/interfaces/Storage/StorageExplorer/FileExplorerHeader.tsx
@@ -360,7 +360,7 @@ export const FileExplorerHeader = ({
setView(option.key)}>
{option.name}
- {view === option.key &&
}
+ {view === option.key &&
}
))}
@@ -372,7 +372,7 @@ export const FileExplorerHeader = ({
setSortBy(option.key)}>
{option.name}
- {sortBy === option.key &&
}
+ {sortBy === option.key &&
}
))}
@@ -389,7 +389,7 @@ export const FileExplorerHeader = ({
{option.name}
{sortByOrder === option.key && (
-
+
)}
diff --git a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
index 65d3e36a92f..b9a56876a62 100644
--- a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
+++ b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx
@@ -58,7 +58,7 @@ function LinkSupportTicketSuccess() {
-
+
diff --git a/apps/studio/components/interfaces/Support/Success.tsx b/apps/studio/components/interfaces/Support/Success.tsx
index 4aea0fcd83e..84f7e073150 100644
--- a/apps/studio/components/interfaces/Support/Success.tsx
+++ b/apps/studio/components/interfaces/Support/Success.tsx
@@ -42,7 +42,7 @@ export const Success = ({
return (
-
+
Support request sent
diff --git a/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx b/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
index 678403d35d7..4fe13121d74 100644
--- a/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/GridHeaderActions.tsx
@@ -392,7 +392,7 @@ export const GridHeaderActions = ({ table, isRefetching }: GridHeaderActionsProp
{isTable && realtimeEnabled && (
setRealtimeDialogOpen(true)}>
- {isRealtimeEnabled ? 'Disable' : 'Enable'} Realtime
)}
diff --git a/apps/studio/components/interfaces/TableGridEditor/InsertButton.tsx b/apps/studio/components/interfaces/TableGridEditor/InsertButton.tsx
index 5a5b13b8c7d..6a0c3565d71 100644
--- a/apps/studio/components/interfaces/TableGridEditor/InsertButton.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/InsertButton.tsx
@@ -124,7 +124,7 @@ export const InsertButton = () => {
{option.description}
- {isSelected ?
)
@@ -283,7 +283,7 @@ const ColumnType = ({
)}
{isSelected && (
-
)}
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/AddRowOperationItem.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/AddRowOperationItem.tsx
index df196420abb..b1d1aa86e9b 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/AddRowOperationItem.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/AddRowOperationItem.tsx
@@ -76,7 +76,7 @@ export const AddRowOperationItem = ({
/>
-
+
{previewColumns.length === 0 && (
No data provided, default values will be used
@@ -84,7 +84,7 @@ export const AddRowOperationItem = ({
)}
{previewColumns.map(([key, value]) => (
-
+
+
+
{key}:
{formatOperationItemValue(value)}
@@ -93,7 +93,7 @@ export const AddRowOperationItem = ({
))}
{remainingCount > 0 && (
- +
+ +
+{remainingCount} more column(s)
)}
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
index 010f8718a89..50941e9fca7 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
@@ -82,8 +82,8 @@ export const OperationItem = ({ operationId, tableId, content }: OperationItemPr
- +
-
+ +
+
{formattedNewValue}
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/SelectorGrid.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/SelectorGrid.tsx
index d68eab3e2fb..6902aa0f1b2 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/SelectorGrid.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/ForeignRowSelector/SelectorGrid.tsx
@@ -23,7 +23,7 @@ const columnRender = (name: string, isPrimaryKey = false) => {
{isPrimaryKey && (
-
+
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SpreadsheetImport/SpreadSheetFileUpload.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SpreadsheetImport/SpreadSheetFileUpload.tsx
index 80175c081a9..79a2ef10477 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SpreadsheetImport/SpreadSheetFileUpload.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/SpreadsheetImport/SpreadSheetFileUpload.tsx
@@ -97,7 +97,7 @@ function DropZone({ onDrop: onDropFromParent, onClickUpload }: DropZoneProps) {
onClick={onClickUpload}
>
- Drag and drop, or browse your files
+ Drag and drop, or browse your files
Dock to bottom
- {dock === 'bottom' &&
}
+ {dock === 'bottom' &&
}
setDock('right')}>
- {dock === 'right' &&
diff --git a/apps/studio/components/layouts/ProjectLayout/BuildingState.tsx b/apps/studio/components/layouts/ProjectLayout/BuildingState.tsx
index 7e3314d6032..7bfd8a5af8f 100644
--- a/apps/studio/components/layouts/ProjectLayout/BuildingState.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/BuildingState.tsx
@@ -96,7 +96,7 @@ const BuildingState = () => {
Browse the Supabase{' '}
diff --git a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx
index 1e0dceb7e0e..b2940cba282 100644
--- a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx
@@ -115,7 +115,7 @@ export const ProjectPausedState = ({ product }: ProjectPausedStateProps) => {
{product !== undefined ? (
<>
Resume this project to access the{' '}
-
{product} page.
+
{product} page.
) : !isRestoreDisabled ? (
'Resume this project and get back to building!'
diff --git a/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx b/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
index a98799a1f9b..c1baf9c1eeb 100644
--- a/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
@@ -125,7 +125,7 @@ export const RestoringState = () => {
-
Restoration complete!
diff --git a/apps/studio/components/layouts/ProjectLayout/UpgradingState/index.tsx b/apps/studio/components/layouts/ProjectLayout/UpgradingState/index.tsx
index 53283b73222..fb672258e3c 100644
--- a/apps/studio/components/layouts/ProjectLayout/UpgradingState/index.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/UpgradingState/index.tsx
@@ -79,7 +79,7 @@ export const UpgradingState = () => {
{isCompleted ? (
-
Upgrade completed!
diff --git a/apps/studio/components/layouts/ProjectNeedsSecuring/ProjectNeedsSecuringView.tsx b/apps/studio/components/layouts/ProjectNeedsSecuring/ProjectNeedsSecuringView.tsx
index 7a186455ee1..9500020b190 100644
--- a/apps/studio/components/layouts/ProjectNeedsSecuring/ProjectNeedsSecuringView.tsx
+++ b/apps/studio/components/layouts/ProjectNeedsSecuring/ProjectNeedsSecuringView.tsx
@@ -54,7 +54,7 @@ import { useSidebarManagerSnapshot } from '@/state/sidebar-manager-state'
const StatusCell = ({ enabled, label }: { enabled: boolean; label: string }) => (
{enabled ? (
-
+
) : (
)}
diff --git a/apps/studio/components/ui/AIAssistantPanel/Confirm.tsx b/apps/studio/components/ui/AIAssistantPanel/Confirm.tsx
index 038b4103eae..1aa3704c953 100644
--- a/apps/studio/components/ui/AIAssistantPanel/Confirm.tsx
+++ b/apps/studio/components/ui/AIAssistantPanel/Confirm.tsx
@@ -49,7 +49,7 @@ export const ConfirmFooter = ({
)}
>
- {outcome === 'success' && {message}
diff --git a/apps/studio/components/ui/AIAssistantPanel/Message.Actions.tsx b/apps/studio/components/ui/AIAssistantPanel/Message.Actions.tsx
index 7e4bd8ef7ed..597df537d14 100644
--- a/apps/studio/components/ui/AIAssistantPanel/Message.Actions.tsx
+++ b/apps/studio/components/ui/AIAssistantPanel/Message.Actions.tsx
@@ -120,7 +120,7 @@ function MessageActionsThumbsUp({
strokeWidth={1.5}
className={cn(
isActive
- ? 'text-brand hover:text-brand-700'
+ ? 'text-primary hover:text-brand-700'
: 'text-foreground-light hover:text-foreground'
)}
/>
diff --git a/apps/studio/components/ui/AiAssistantDropdown.tsx b/apps/studio/components/ui/AiAssistantDropdown.tsx
index a44451dbfdf..bc9b352d0b2 100644
--- a/apps/studio/components/ui/AiAssistantDropdown.tsx
+++ b/apps/studio/components/ui/AiAssistantDropdown.tsx
@@ -156,7 +156,7 @@ export function AiAssistantDropdown({
- {showCopied ?
diff --git a/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx b/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
index ae8a1a8445b..de4cc302953 100644
--- a/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
+++ b/apps/studio/components/ui/BannerStack/Banners/BannerTableEditorQueueOperations.tsx
@@ -49,8 +49,8 @@ export const BannerTableEditorQueueOperations = () => {
- +
- Blue
+ +
+ Blue
diff --git a/apps/studio/components/ui/CopyButton.tsx b/apps/studio/components/ui/CopyButton.tsx
index 29f276be2e8..5049023954a 100644
--- a/apps/studio/components/ui/CopyButton.tsx
+++ b/apps/studio/components/ui/CopyButton.tsx
@@ -62,7 +62,7 @@ const CopyButton = forwardRef
(
showCopied ? (
+
DOCS
diff --git a/apps/studio/components/ui/FunctionSelector.tsx b/apps/studio/components/ui/FunctionSelector.tsx
index 16cb3979061..fdeedb467c7 100644
--- a/apps/studio/components/ui/FunctionSelector.tsx
+++ b/apps/studio/components/ui/FunctionSelector.tsx
@@ -147,7 +147,7 @@ const FunctionSelector = ({
>
{func.name}
{value === func.name && (
-
+
)}
))}
diff --git a/apps/studio/components/ui/Logs/LogsExplorerHeader.tsx b/apps/studio/components/ui/Logs/LogsExplorerHeader.tsx
index 8da6e6538a5..54da51c5bf8 100644
--- a/apps/studio/components/ui/Logs/LogsExplorerHeader.tsx
+++ b/apps/studio/components/ui/Logs/LogsExplorerHeader.tsx
@@ -54,7 +54,7 @@ const LogsExplorerHeader = ({ subtitle }: LogsExplorerHeaderProps) => {