diff --git a/web/packages/shared/components/UnifiedResources/FilterPanel.tsx b/web/packages/shared/components/UnifiedResources/FilterPanel.tsx index bc386f00d500e..e7463cd565f31 100644 --- a/web/packages/shared/components/UnifiedResources/FilterPanel.tsx +++ b/web/packages/shared/components/UnifiedResources/FilterPanel.tsx @@ -87,7 +87,11 @@ export function FilterPanel({ {selected ? 'Deselect all' : 'Select all'}} > - + {resourcesFetchAttempt.status === 'failed' && ( - + {/* If pinning is hidden, we hide the different tabs to select a view (All resources, pinning). + This causes this error box to cover the search bar. If pinning isn't supported, we push down the + error by 60px to not hide the search bar. + */} + {resourcesFetchAttempt.statusText} {/* we don't want them to try another request with BAD REQUEST, it will just fail again. */} @@ -378,6 +384,7 @@ export function UnifiedResources(props: UnifiedResourcesProps) { const $button = ( action(getSelectedResources())} disabled={disabled} @@ -584,6 +591,7 @@ const ErrorBoxInternal = styled(Box)` position: absolute; left: 0; right: 0; + top: ${props => props.topPadding}; margin: ${props => props.theme.space[1]}px 10% 0 10%; `;