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 (