discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

add useConfirm for comments deleting (#152)

Browse Source 
* add useConfirm for comments deleting
This commit is contained in:
Arkadzi Rakouski 2023-08-05 09:41:52 +03:00 committed by GitHub
parent 039b60f022
commit ef76664b21
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Article/Comment.tsx
View File

@ -1,21 +1,26 @@
import styles from './Comment.module.scss'
import { Icon } from '../_shared/Icon'
import { AuthorCard } from '../Author/AuthorCard'
import { Show, createMemo, createSignal, For, lazy, Suspense } from 'solid-js'
import { clsx } from 'clsx'
import type { Author, Reaction } from '../../graphql/types.gen'
import { getPagePath } from '@nanostores/router'
import MD from './MD'
import { AuthorCard } from '../Author/AuthorCard'
import Userpic from '../Author/Userpic'
import { CommentRatingControl } from './CommentRatingControl'
import { CommentDate } from './CommentDate'
import { ShowIfAuthenticated } from '../_shared/ShowIfAuthenticated'
import { Icon } from '../_shared/Icon'
import { useSession } from '../../context/session'
import { ReactionKind } from '../../graphql/types.gen'
import { useLocalize } from '../../context/localize'
import { useReactions } from '../../context/reactions'
import { useSnackbar } from '../../context/snackbar'
import { ShowIfAuthenticated } from '../_shared/ShowIfAuthenticated'
import { useLocalize } from '../../context/localize'
import { CommentRatingControl } from './CommentRatingControl'
import { getPagePath } from '@nanostores/router'
import { useConfirm } from '../../context/confirm'
import type { Author, Reaction, ReactionKind } from '../../graphql/types.gen'
import { router } from '../../stores/router'
import { CommentDate } from './CommentDate'
import styles from './Comment.module.scss'
const SimplifiedEditor = lazy(() => import('../Editor/SimplifiedEditor'))
@ -40,6 +45,9 @@ export const Comment = (props: Props) => {
actions: { createReaction, deleteReaction, updateReaction }
} = useReactions()
const {
actions: { showConfirm }
} = useConfirm()
const {
actions: { showSnackbar }
} = useSnackbar()
@ -51,8 +59,13 @@ export const Comment = (props: Props) => {
const remove = async () => {
if (comment()?.id) {
try {
await deleteReaction(comment().id)
showSnackbar({ body: t('Comment successfully deleted') })
const isConfirmed = await showConfirm()
if (isConfirmed) {
await deleteReaction(comment().id)
await showSnackbar({ body: t('Comment successfully deleted') })
}
} catch (error) {
console.error('[deleteReaction]', error)
}