DefaultZapCommentInput.tsx raw

   1  import { Input } from '@/components/ui/input'
   2  import { Label } from '@/components/ui/label'
   3  import { useZap } from '@/providers/ZapProvider'
   4  import { useState } from 'react'
   5  import { useTranslation } from 'react-i18next'
   6  
   7  export default function DefaultZapCommentInput() {
   8    const { t } = useTranslation()
   9    const { defaultZapComment, updateDefaultComment } = useZap()
  10    const [defaultZapCommentInput, setDefaultZapCommentInput] = useState(defaultZapComment)
  11  
  12    return (
  13      <div className="w-full space-y-1">
  14        <Label htmlFor="default-zap-comment-input">{t('Default zap comment')}</Label>
  15        <div className="flex w-full items-center gap-2">
  16          <Input
  17            id="default-zap-comment-input"
  18            value={defaultZapCommentInput}
  19            onChange={(e) => setDefaultZapCommentInput(e.target.value)}
  20            onBlur={() => {
  21              updateDefaultComment(defaultZapCommentInput)
  22            }}
  23          />
  24        </div>
  25      </div>
  26    )
  27  }
  28