degmods/degmods.com
6
1
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

Direct image upload #184

Merged
enes merged 11 commits from 106-direct-image-upload into staging 2025-01-07 18:33:56 +00:00
Conversation 0 Commits 11 Files Changed 21 +10 -4
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9fd1aca99c - Show all commits

14
src/pages/write/index.tsx
View File

@ -7,7 +7,8 @@ import {
} from 'react-router-dom' } from 'react-router-dom'
import { import {
CheckboxFieldUncontrolled, CheckboxFieldUncontrolled,
InputFieldUncontrolled InputFieldUncontrolled,
InputFieldWithImageUpload
} from '../../components/Inputs' } from '../../components/Inputs'
import { ProfileSection } from '../../components/ProfileSection' import { ProfileSection } from '../../components/ProfileSection'
import { useAppSelector } from '../../hooks' import { useAppSelector } from '../../hooks'
@ -29,8 +30,11 @@ export const WritePage = () => {
const blog = data?.blog const blog = data?.blog
const title = data?.blog ? 'Edit blog post' : 'Submit a blog post' const title = data?.blog ? 'Edit blog post' : 'Submit a blog post'
const [content, setContent] = useState(blog?.content || '') const [content, setContent] = useState(blog?.content || '')
const [featuredImageUrl, setfeaturedImageUrl] = useState(blog?.image || '')
const formRef = useRef<HTMLFormElement>(null) const formRef = useRef<HTMLFormElement>(null)
const editorRef = useRef<EditorRef>(null) const editorRef = useRef<EditorRef>(null)
const [showConfirmPopup, setShowConfirmPopup] = useState<boolean>(false) const [showConfirmPopup, setShowConfirmPopup] = useState<boolean>(false)
const handleReset = () => { const handleReset = () => {
setShowConfirmPopup(true) setShowConfirmPopup(true)
@ -97,12 +101,14 @@ export const WritePage = () => {
readOnly readOnly
/> />
</div> </div>
<InputFieldUncontrolled <InputFieldWithImageUpload
label='Featured Image URL' label='Featured Image URL'
name='image'
inputMode='url' inputMode='url'
defaultValue={blog?.image} placeholder='Image URL'
name='featuredImageUrl'
value={featuredImageUrl}
error={formErrors?.image} error={formErrors?.image}
onChange={(_, value) => setfeaturedImageUrl(value)}
/> />
<InputFieldUncontrolled <InputFieldUncontrolled
label='Summary' label='Summary'