diff --git a/src/app/settings/storage/page.tsx b/src/app/settings/storage/page.tsx index d22d4f1..abc61f7 100644 --- a/src/app/settings/storage/page.tsx +++ b/src/app/settings/storage/page.tsx @@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from 'react'; import Link from 'next/link'; -import { Box, Cloud, HardDrive } from 'lucide-react'; +import { Box, Cloud, ExternalLink, HardDrive } from 'lucide-react'; import { ArrowLeftIcon } from '@/components/Icons'; import { StorageConfigurationPrompt } from '@/components/StorageConfigurationPrompt'; @@ -70,27 +70,33 @@ export default function StorageSettingsPage() {
{status?.provider === 'stuffbox' ? : status?.provider === 's3' ? : }
-
{!status ? 'Loading…' : status.provider === 'stuffbox' ? 'Stuffbox connected' : status.provider === 's3' ? 'S3 storage connected' : 'No media storage connected'}
- {status?.stuffboxBaseUrl &&
{status.stuffboxBaseUrl}
} +
{!status ? 'Loading…' : status.provider === 'stuffbox' ? 'Stuffbox.xyz connected' : status.provider === 's3' ? 'S3 storage connected' : 'No media storage connected'}
{status?.s3Provider && status.provider === 's3' &&
Provider: {status.s3Provider}
}
{status?.provider === 'stuffbox' && ( - +
+ + Manage Storage + + +
)} -
-

- {status?.provider ? 'Change storage' : 'Connect media storage'} -

-

- Choose Stuffbox for the simplest setup, or connect an S3-compatible bucket you already own. -

- {}} variant="inline" /> -
+ {status?.provider !== 'stuffbox' && ( +
+

+ {status?.provider ? 'Change storage' : 'Connect media storage'} +

+

+ Choose Stuffbox for the simplest setup, or connect an S3-compatible bucket you already own. +

+ {}} variant="inline" /> +
+ )} {error &&

{error}

} );