mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 04:45:08 +03:00
Danny WhiteandAli Waseem
12a43e5aba
## What kind of change does this PR introduce? UI update that resolves DEPR-114. Also resolves DEPR-113. ## What is the current behavior? - The breadcrumbs on the file explorer have some rough edges in column view - Fancy hide/show behavior - Hidden tap targets - `FileExplorerHeader` actions can overflow on the x-axis - The Navigate button is only shown on hover - The inline Navigate flow does not work well on smaller screens ## What is the new behavior? - Column view now shows the same in-explorer breadcrumb trail as list view - The active breadcrumb is visually emphasized, while inactive breadcrumbs remain clickable - The back affordance now uses a clearer arrow treatment with a stronger separator from the breadcrumb trail - The Navigate button is permanently visible and moved to the right-side action group before Reload - Navigate now opens a dialog on both desktop and mobile - Added typed telemetry so we can measure `Navigate` usage before deciding whether to keep or remove it - Fixed header overflow by letting the full header contents scroll horizontally together instead of visibly spilling out | Before | After | | --- | --- | | <img width="947" height="997" alt="Buckets Storage AWS Healthy Toolshed Supabase" src="https://github.com/user-attachments/assets/fa53fdd4-954c-4832-bf9b-210b63ae020b" /> | <img width="947" height="997" alt="Buckets Storage AWS Healthy Toolshed Supabase" src="https://github.com/user-attachments/assets/3689a0e5-97d1-4b36-a2dd-7adce23add5d" /> | | <img width="864" height="997" alt="Buckets Storage AWS Healthy Toolshed Supabase" src="https://github.com/user-attachments/assets/ad559118-205f-40e2-b3c5-97cef462d5f5" /> | <img width="864" height="997" alt="Buckets Storage AWS Healthy Toolshed Supabase" src="https://github.com/user-attachments/assets/9c569b29-7c58-4a33-b809-34d6ed919008" /> | ## Additional context Also added a link to the `Buckets` portion of the `PageHeader` breadcrumb: ```text Files > Buckets > MyBucketName ``` It goes to the same place as Files because the root Files page lists buckets, but having both links there feels more ergonomic in practice. --------- Co-authored-by: Ali Waseem <waseema393@gmail.com>
23 lines
696 B
TypeScript
23 lines
696 B
TypeScript
import { ComponentType } from 'react'
|
|
import { ConnectionTimeoutError } from 'types/api-errors'
|
|
import type { ClassifiedError, KnownErrorType } from 'types/api-errors'
|
|
import type { ResponseError } from 'types/base'
|
|
|
|
import { ConnectionTimeoutTroubleshooting } from './errorMappings/ConnectionTimeout'
|
|
|
|
export interface ErrorMapping {
|
|
id: KnownErrorType
|
|
Troubleshooting: ComponentType
|
|
}
|
|
|
|
type ErrorConstructor = new (
|
|
...args: ConstructorParameters<typeof ResponseError>
|
|
) => ClassifiedError
|
|
|
|
export const ERROR_MAPPINGS = new Map<ErrorConstructor, ErrorMapping>([
|
|
[
|
|
ConnectionTimeoutError,
|
|
{ id: 'connection-timeout', Troubleshooting: ConnectionTimeoutTroubleshooting },
|
|
],
|
|
])
|