{finished ? 'Cluster promotion complete' : 'Cluster promotion'}
diff --git a/www/src/components/cluster/UpgradeNeededModal.tsx b/www/src/components/cluster/UpgradeNeededModal.tsx
index 69869adb8..fa6136c9d 100644
--- a/www/src/components/cluster/UpgradeNeededModal.tsx
+++ b/www/src/components/cluster/UpgradeNeededModal.tsx
@@ -32,7 +32,6 @@ function UpgradeNeededModal({
return (
({
},
})
+// @ts-ignore, see https://github.com/pmndrs/react-spring/issues/1515
const OverlayBG = styled(AnimatedDiv)(({ theme }) => ({
position: 'absolute',
top: 0,
diff --git a/www/src/components/layout/Sidebar.tsx b/www/src/components/layout/Sidebar.tsx
index 3a2356750..3142b3dfb 100644
--- a/www/src/components/layout/Sidebar.tsx
+++ b/www/src/components/layout/Sidebar.tsx
@@ -7,9 +7,8 @@ import {
useState,
} from 'react'
import { Link, useLocation } from 'react-router-dom'
-import { Menu, MenuItem } from 'honorable'
+import { Avatar, Menu, MenuItem } from 'honorable'
import {
- AppIcon,
ArrowTopRightIcon,
BellIcon,
BrowseAppsIcon,
@@ -234,6 +233,11 @@ function Sidebar(props: Omit, 'variant'>) {
clickable
tooltip={item.text}
className={`sidebar-${item.text}`}
+ style={{
+ outline: isActive
+ ? `1px solid ${theme.colors['border-fill-two']}`
+ : undefined,
+ }}
as={Link}
to={item.path}
active={isActive}
@@ -293,22 +297,18 @@ function Sidebar(props: Omit, 'variant'>) {
active={isMenuOpen}
clickable
collapsed
- onClick={() => setIsMenuOpened((x) => !x)}
- userSelect="none"
+ onClick={(e) => {
+ e.stopPropagation()
+ setIsMenuOpened((x) => !x)
+ }}
+ css={{
+ paddingLeft: theme.spacing.xxsmall,
+ }}
>
-
diff --git a/www/src/components/login/LegacyExpiration.tsx b/www/src/components/login/LegacyExpiration.tsx
index 0e30e2a64..ecbaf181b 100644
--- a/www/src/components/login/LegacyExpiration.tsx
+++ b/www/src/components/login/LegacyExpiration.tsx
@@ -47,7 +47,6 @@ function ExpiredModal() {
return (
setExpanded(!expanded)}
+ background="transparent"
+ boxShadow="none"
{...props}
>
{children(expanded)}
diff --git a/www/src/components/marketplace/RepoCardList.tsx b/www/src/components/marketplace/RepoCardList.tsx
index b34c2255c..877ec8468 100644
--- a/www/src/components/marketplace/RepoCardList.tsx
+++ b/www/src/components/marketplace/RepoCardList.tsx
@@ -1,6 +1,6 @@
import { RepositoryCard } from '@pluralsh/design-system'
import { Link } from 'react-router-dom'
-import { useTheme } from 'styled-components'
+import styled, { useTheme } from 'styled-components'
import { CardGrid } from '../utils/layout/CardGrid'
import { getRepoIcon } from '../repository/misc'
@@ -17,9 +17,9 @@ export function RepoCardList({
return (
{repositories?.map((repository) => (
-
)
}
+
+const FixedRepositoryCard = styled(RepositoryCard)(({ theme }) => ({
+ flexDirection: 'column',
+ padding: theme.spacing.large,
+ width: '100%',
+ position: 'relative',
+ textDecoration: 'none',
+}))
diff --git a/www/src/components/overview/CreateClusterModal.tsx b/www/src/components/overview/CreateClusterModal.tsx
index 840ad80ab..97585da54 100644
--- a/www/src/components/overview/CreateClusterModal.tsx
+++ b/www/src/components/overview/CreateClusterModal.tsx
@@ -366,7 +366,6 @@ function CreateClusterModal({ open, onClose }): ReactElement {
return (
Create cluster}
open={open}
onClose={() => {
diff --git a/www/src/components/overview/clusters/ClusterHealth.tsx b/www/src/components/overview/clusters/ClusterHealth.tsx
index 28ad9023e..7e2fc6c4f 100644
--- a/www/src/components/overview/clusters/ClusterHealth.tsx
+++ b/www/src/components/overview/clusters/ClusterHealth.tsx
@@ -32,7 +32,7 @@ export default function ClusterHealth({
return (
diff --git a/www/src/components/profile/AccessTokens.tsx b/www/src/components/profile/AccessTokens.tsx
index db4f19396..6566cdead 100644
--- a/www/src/components/profile/AccessTokens.tsx
+++ b/www/src/components/profile/AccessTokens.tsx
@@ -129,6 +129,7 @@ function TokenMetrics({ token }: any) {
setGraph(false)}
>
@@ -236,7 +234,6 @@ function AccessToken({ token, first, last }: any) {
setAudits(false)}
>
diff --git a/www/src/components/profile/KeyBackups.tsx b/www/src/components/profile/KeyBackups.tsx
index d56fbc01b..5f191316c 100644
--- a/www/src/components/profile/KeyBackups.tsx
+++ b/www/src/components/profile/KeyBackups.tsx
@@ -210,7 +210,6 @@ function LocalSyncButton() {
onClose={openState.setOff}
header="Sync encryption keys locally"
size="large"
- portal
>
(null)
const pathPrefix = `/repository/${repository.name}/packages`
- const currentTab = DIRECTORY.find((tab) =>
- pathname?.startsWith(`${pathPrefix}${tab.path}`)
+ const currentTab = DIRECTORY.find(
+ (tab) => pathname?.startsWith(`${pathPrefix}${tab.path}`)
)
return (
diff --git a/www/src/components/shell/OAuthCallback.tsx b/www/src/components/shell/OAuthCallback.tsx
index 19450e555..47c4ff27d 100644
--- a/www/src/components/shell/OAuthCallback.tsx
+++ b/www/src/components/shell/OAuthCallback.tsx
@@ -31,7 +31,7 @@ const toOnboardingContext = (
authUrls: authUrlData?.scmAuthorization as Array,
token,
},
- } as ContextProps)
+ }) as ContextProps
function OAuthCallback({ provider }: any) {
const navigate = useNavigate()
diff --git a/www/src/components/shell/onboarding/checklist/Checklist.tsx b/www/src/components/shell/onboarding/checklist/Checklist.tsx
index af60bc6cc..f8ba7cabc 100644
--- a/www/src/components/shell/onboarding/checklist/Checklist.tsx
+++ b/www/src/components/shell/onboarding/checklist/Checklist.tsx
@@ -167,7 +167,7 @@ export function OnboardingChecklist() {
>
{error && (
diff --git a/www/src/components/shell/onboarding/sections/shell/ShellStatus.tsx b/www/src/components/shell/onboarding/sections/shell/ShellStatus.tsx
index a1bb39d31..5f6839ad1 100644
--- a/www/src/components/shell/onboarding/sections/shell/ShellStatus.tsx
+++ b/www/src/components/shell/onboarding/sections/shell/ShellStatus.tsx
@@ -25,7 +25,7 @@ function StatusChip({ loading, error }: StatusChipProps) {
loading={loading && !error}
backgroundColor="fill-two"
borderColor="border-fill-two"
- severity={error ? 'error' : loading ? 'info' : 'success'}
+ severity={error ? 'danger' : loading ? 'info' : 'success'}
>
{error ? 'Error' : loading ? 'Running' : 'Success'}
diff --git a/www/src/components/shell/terminal/actionbar/options/DeleteShellModal.tsx b/www/src/components/shell/terminal/actionbar/options/DeleteShellModal.tsx
index 2d581c45c..a14887998 100644
--- a/www/src/components/shell/terminal/actionbar/options/DeleteShellModal.tsx
+++ b/www/src/components/shell/terminal/actionbar/options/DeleteShellModal.tsx
@@ -9,6 +9,8 @@ import {
import { A, Button, Flex, Span } from 'honorable'
import { useCallback, useContext, useState } from 'react'
+import { useTheme } from 'styled-components'
+
import { ImpersonationContext } from '../../../context/impersonation'
import {
@@ -17,6 +19,7 @@ import {
} from '../../../queries'
function DeleteDemoModal({ onClose }) {
+ const theme = useTheme()
const [open, setOpen] = useState(true)
const close = useCallback(() => {
setOpen(false)
@@ -32,8 +35,7 @@ function DeleteDemoModal({ onClose }) {
size="large"
open={open}
onClose={close}
- style={{ padding: 0 }}
- borderTop="4px solid border-warning"
+ css={{ borderTop: `4px solid ${theme.colors['border-warning']}` }}
>
)}
setOpen(false)}
- width="512px"
- portal
+ size="custom"
+ css={{ width: '512px' }}
>
The device you requested on should now have access.
diff --git a/www/src/components/users/settings/UserSettingsModal.tsx b/www/src/components/users/settings/UserSettingsModal.tsx
index 0b4a5371c..331750938 100644
--- a/www/src/components/users/settings/UserSettingsModal.tsx
+++ b/www/src/components/users/settings/UserSettingsModal.tsx
@@ -38,7 +38,6 @@ function UserSettingsModal({