silberengel
/
jumble
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

hide advanced options

imwald
Silberengel 5 months ago
parent
c18de1ba16
commit
d6758ba1f0
1 changed files with 70 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 126
      src/pages/primary/DiscussionsPage/CreateThreadDialog.tsx

126
src/pages/primary/DiscussionsPage/CreateThreadDialog.tsx
Unescape View File

@ -7,7 +7,7 @@ import { Textarea } from '@/components/ui/textarea'
import { Badge } from '@/components/ui/badge' import { Badge } from '@/components/ui/badge'
import { Switch } from '@/components/ui/switch' import { Switch } from '@/components/ui/switch'
import { Slider } from '@/components/ui/slider' import { Slider } from '@/components/ui/slider'
import { Hash, X, Users, Code, Coins, Newspaper, BookOpen, Scroll, Cpu, Trophy, Film, Heart, TrendingUp, Utensils, MapPin, Home, PawPrint, Shirt, Image, Zap } from 'lucide-react' import { Hash, X, Users, Code, Coins, Newspaper, BookOpen, Scroll, Cpu, Trophy, Film, Heart, TrendingUp, Utensils, MapPin, Home, PawPrint, Shirt, Image, Zap, Settings } from 'lucide-react'
import { useState } from 'react' import { useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useNostr } from '@/providers/NostrProvider' import { useNostr } from '@/providers/NostrProvider'
@ -78,6 +78,7 @@ export default function CreateThreadDialog({
const [isNsfw, setIsNsfw] = useState(false) const [isNsfw, setIsNsfw] = useState(false)
const [addClientTag, setAddClientTag] = useState(true) const [addClientTag, setAddClientTag] = useState(true)
const [minPow, setMinPow] = useState(0) const [minPow, setMinPow] = useState(0)
const [showAdvancedOptions, setShowAdvancedOptions] = useState(false)
const validateForm = () => { const validateForm = () => {
const newErrors: { title?: string; content?: string; relay?: string } = {} const newErrors: { title?: string; content?: string; relay?: string } = {}
@ -265,66 +266,79 @@ export default function CreateThreadDialog({
</p> </p>
</div> </div>
{/* Advanced Options */} {/* Advanced Options Toggle */}
<div className="space-y-4 border-t pt-4"> <div className="border-t pt-4">
<h4 className="text-sm font-medium">{t('Advanced Options')}</h4> <Button
type="button"
variant="ghost"
size="sm"
onClick={() => setShowAdvancedOptions(!showAdvancedOptions)}
className="flex items-center gap-2 text-muted-foreground hover:text-foreground"
>
<Settings className="w-4 h-4" />
{t('Advanced Options')}
</Button>
{/* NSFW Toggle */} {showAdvancedOptions && (
<div className="flex items-center justify-between"> <div className="space-y-4 mt-4">
<div className="flex items-center gap-2"> {/* NSFW Toggle */}
<Hash className="w-4 h-4 text-red-500" /> <div className="flex items-center justify-between">
<Label htmlFor="nsfw" className="text-sm"> <div className="flex items-center gap-2">
{t('Mark as NSFW')} <Hash className="w-4 h-4 text-foreground" />
</Label> <Label htmlFor="nsfw" className="text-sm">
</div> {t('Mark as NSFW')}
<Switch </Label>
id="nsfw" </div>
checked={isNsfw} <Switch
onCheckedChange={setIsNsfw} id="nsfw"
/> checked={isNsfw}
</div> onCheckedChange={setIsNsfw}
/>
</div>
{/* Client Tag Toggle */} {/* Client Tag Toggle */}
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Image className="w-4 h-4 text-blue-500" /> <Image className="w-4 h-4 text-foreground" />
<Label htmlFor="client-tag" className="text-sm"> <Label htmlFor="client-tag" className="text-sm">
{t('Add client identifier')} {t('Add client identifier')}
</Label> </Label>
</div> </div>
<Switch <Switch
id="client-tag" id="client-tag"
checked={addClientTag} checked={addClientTag}
onCheckedChange={setAddClientTag} onCheckedChange={setAddClientTag}
/> />
</div> </div>
{/* PoW Setting */} {/* PoW Setting */}
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Zap className="w-4 h-4 text-yellow-500" /> <Zap className="w-4 h-4 text-foreground" />
<Label className="text-sm"> <Label className="text-sm">
{t('Proof of Work')}: {minPow} {t('Proof of Work')}: {minPow}
</Label> </Label>
</div> </div>
<div className="px-2"> <div className="px-2">
<Slider <Slider
value={[minPow]} value={[minPow]}
onValueChange={(value) => setMinPow(value[0])} onValueChange={(value) => setMinPow(value[0])}
max={20} max={20}
min={0} min={0}
step={1} step={1}
className="w-full" className="w-full"
/> />
<div className="flex justify-between text-xs text-muted-foreground mt-1"> <div className="flex justify-between text-xs text-muted-foreground mt-1">
<span>{t('No PoW')}</span> <span>{t('No PoW')}</span>
<span>{t('High PoW')}</span> <span>{t('High PoW')}</span>
</div>
</div>
<p className="text-xs text-muted-foreground">
{t('Higher values make your thread harder to mine but more unique.')}
</p>
</div> </div>
</div> </div>
<p className="text-xs text-muted-foreground"> )}
{t('Higher values make your thread harder to mine but more unique.')}
</p>
</div>
</div> </div>
{/* Form Actions */} {/* Form Actions */}

Write Preview
Loading…
Cancel
Save