refactor(web): fold final-review polish into join modal feature

This commit is contained in:
Jannis Braun
2026-07-01 19:06:10 +02:00
parent cf9bcfbf1a
commit 807b2f6234
3 changed files with 33 additions and 6 deletions
@@ -1,4 +1,3 @@
import { useState } from 'react';
import { useSpaceJoin } from '../../hooks/useSpaceJoin';
import { getSpaceGradient } from '../../utils/gradients';
import type { TaggedExploreSpace } from '../../stores/exploreStore';
@@ -24,8 +23,6 @@ export function ExploreSpacePreviewCard({
sendRequest,
} = useSpaceJoin(space);
const [expanded, setExpanded] = useState(false);
const fallbackGradient = getSpaceGradient(space.id, space.name, space.avatarColor).gradient;
const iconUrl = space.icon
? (space.icon.startsWith('http') || space.icon.startsWith('/') ? space.icon : `/api/uploads/${space.icon}`)
@@ -79,7 +76,7 @@ export function ExploreSpacePreviewCard({
) : (
<button
type="button"
onClick={() => { openRequestForm(); setExpanded(true); }}
onClick={openRequestForm}
className="px-3 py-1.5 bg-accent-amber/20 hover:bg-accent-amber/30 text-accent-amber text-xs font-medium rounded-full transition-colors"
>
Request
@@ -89,7 +86,7 @@ export function ExploreSpacePreviewCard({
</div>
{/* Inline request form */}
{showRequestForm && expanded && (
{showRequestForm && (
<div className="mt-2.5 space-y-2">
<textarea
value={requestMessage}
@@ -109,7 +106,7 @@ export function ExploreSpacePreviewCard({
</button>
<button
type="button"
onClick={() => { cancelRequestForm(); setExpanded(false); }}
onClick={cancelRequestForm}
className="px-3 py-1.5 text-xs text-txt-tertiary hover:text-txt-secondary transition-colors"
>
Cancel