Improve profile custom tab builder form labels and field order

Rename 'Search query' to 'Filter by Word' and 'Kinds' to 'Content Kinds'
for clarity. Reorder fields to: Tab name, Content Kinds, Filter by Word,
Authors — placing the higher-order Kind filter before the word filter.

Closes #68
This commit is contained in:
Mary Kate Fain
2026-03-07 12:18:43 -06:00
parent 60e3ead6ed
commit 77cd2de47a
+14 -14
View File
@@ -166,9 +166,21 @@ export function ProfileTabEditModal({
<Separator />
{/* Search query */}
{/* Kind multi-select */}
<div className="space-y-2">
<span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Content Kinds</span>
<MultiKindPicker
selectedKinds={selectedKinds}
options={kindOptions}
onChange={setSelectedKinds}
/>
</div>
<Separator />
{/* Filter by word */}
<div className="space-y-1.5">
<span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Search query</span>
<span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Filter by Word</span>
<Input
value={query}
onChange={(e) => setQuery(e.target.value)}
@@ -189,18 +201,6 @@ export function ProfileTabEditModal({
{authorScope === 'global' && 'Show posts from everyone.'}
</p>
</div>
<Separator />
{/* Kind multi-select */}
<div className="space-y-2">
<span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">Kinds</span>
<MultiKindPicker
selectedKinds={selectedKinds}
options={kindOptions}
onChange={setSelectedKinds}
/>
</div>
</div>
<DialogFooter className="flex-col gap-2 pt-3 sm:flex-col">