diff --git a/src/components/SpaceCreator.tsx b/src/components/SpaceCreator.tsx index 2a152d3..9da9e22 100644 --- a/src/components/SpaceCreator.tsx +++ b/src/components/SpaceCreator.tsx @@ -6,9 +6,10 @@ import Loader from '../components/Loader' import { DID, DIDKey } from '@ucanto/interface' import { DidIcon } from './DidIcon' import Link from 'next/link' -import { FolderPlusIcon } from '@heroicons/react/24/outline' +import { FolderPlusIcon, InformationCircleIcon } from '@heroicons/react/24/outline' +import Tooltip from './Tooltip' -export function SpaceCreatorCreating (): JSX.Element { +export function SpaceCreatorCreating(): JSX.Element { return (
Creating Space...
@@ -21,7 +22,7 @@ interface SpaceCreatorFormProps { className?: string } -export function SpaceCreatorForm ({ +export function SpaceCreatorForm({ className = '' }: SpaceCreatorFormProps): JSX.Element { const [{ client, accounts }] = useW3() @@ -30,11 +31,11 @@ export function SpaceCreatorForm ({ const [name, setName] = useState('') const [space, setSpace] = useState() - function resetForm (): void { + function resetForm(): void { setName('') } - async function onSubmit (e: React.FormEvent): Promise { + async function onSubmit(e: React.FormEvent): Promise { e.preventDefault() if (!client) return // TODO: account selection @@ -115,7 +116,7 @@ export function SpaceCreatorForm ({ required={true} />
@@ -126,7 +127,7 @@ interface SpaceCreatorProps { className?: string } -export function SpaceCreator ({ +export function SpaceCreator({ className = '' }: SpaceCreatorProps): JSX.Element { const [creating, setCreating] = useState(false) @@ -150,7 +151,13 @@ export function SpaceCreator ({ /* eslint-enable no-nested-ternary */ } -export function SpacePreview ({ did, name }: { did: DIDKey, name?: string }) { +interface SpacePreviewProps { + did: DIDKey + name?: string + capabilities: string[] +} + +export function SpacePreview({ did, name, capabilities }: SpacePreviewProps) { return (
@@ -158,8 +165,11 @@ export function SpacePreview ({ did, name }: { did: DIDKey, name?: string }) {
- - { name ?? 'Untitled'} + + {name ?? 'Untitled'} + + + {did} diff --git a/src/share.tsx b/src/share.tsx index 5bb9e55..84fcd95 100644 --- a/src/share.tsx +++ b/src/share.tsx @@ -314,16 +314,15 @@ export function ImportSpace() { - {proof && ( + {proof && proof.capabilities && proof.capabilities.length > 0 && (
Added
- {proof.capabilities.map((cap, i) => ( - - ))} + c.can)} + key={proof.capabilities[0].with} />
)}