strapi-plugin-comments 2.0.0-rc.2 → 2.0.0

package/admin/src/components/DiscussionThreadItemWarnings/index.js

@@ -1,147 +0,0 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { isEmpty, orderBy } from 'lodash';
-import { Badge } from '@strapi/design-system/Badge';
-import { Box } from '@strapi/design-system/Box';
-import { Button } from '@strapi/design-system/Button';
-import { Divider } from '@strapi/design-system/Divider';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { getMessage, handleAPIError } from '../../utils';
-import { blockItem, blockItemThread, resolveReport } from '../../pages/utils/api';
-import { DiscussionThreadItemWarningsWrapper } from './styles';
-import ReportsReviewModal from '../ReportsReviewModal';
-import ReportsReviewTable from '../ReportsReviewTable';
-import pluginId from '../../pluginId';
-import { LockIcon, ReviewIcon } from '../icons';
-
-const DiscussionThreadItemWarnings = (item) => {
-    const { id, reports, gotThread, allowedActions: { canModerate, canAccessReports, canReviewReports }} = item;
-
-    const [reportsReviewVisible, setReportsReviewVisible] = useState(false);
-    const [blockButtonsDisabled, setBlockButtonsDisabled] = useState(false);
-
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { lockApp, unlockApp } = useOverlayBlocker();
-
-    const onSuccess = (message, stateAction = () => {}, indalidate = true) => async () => {
-        if (indalidate) {
-            await queryClient.invalidateQueries('get-details-data');
-        }
-        toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
-        });
-        stateAction(false);
-        unlockApp();
-    };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const resolveReportMutation = useMutation(resolveReport, {
-        onSuccess: onSuccess('page.details.panel.discussion.warnings.reports.dialog.confirmation.success', () => {}, false),
-        onError,
-        refetchActive: false,
-    });
-
-    const blockItemMutation = useMutation(blockItem, {
-        onSuccess: onSuccess(
-            'page.details.actions.comment.block.confirmation.success', 
-            setReportsReviewVisible
-        ),
-        onError,
-        refetchActive: false,
-    });
-    const blockItemThreadMutation = useMutation(blockItemThread, {
-        onSuccess: onSuccess(
-            'page.details.actions.thread.block.confirmation.success', 
-            setReportsReviewVisible
-        ),
-        onError,
-        refetchActive: false,
-    });
-
-    const handleReportsReviewClick = () => setReportsReviewVisible(true);
-    const handleBlockItemClick = async () => {
-        lockApp();
-        blockItemMutation.mutate(id);
-    };
-    const handleBlockItemThreadClick = async () => {
-        lockApp();
-        blockItemThreadMutation.mutate(id);
-    };
-    const handleReportsReviewClose = async () => {
-        await queryClient.invalidateQueries('get-details-data')
-        setReportsReviewVisible(false);
-    };
-
-    const handleBlockButtonsStateChange = disabled => setBlockButtonsDisabled(disabled);
-
-    const isLoading = blockItemMutation.isLoading || blockItemThreadMutation.isLoading || resolveReportMutation.isLoading;
-    const openReports = reports?.filter(_ => !_.resolved);
-
-    if (isEmpty(reports) || isEmpty(openReports)) {
-        return null;
-    }
-
-    return (<>
-        { canAccessReports && (<DiscussionThreadItemWarningsWrapper as={Flex} direction="row" padding={2} background="danger100" borderColor="danger200" border={1} hasRadius>
-            <Box as={Flex} paddingRight={2} direction="row" grow={1}>
-                <Badge textColor="neutral0" backgroundColor="warning600">{ openReports.length }</Badge>
-                <Box paddingLeft={2}>
-                    <Typography textColor="warning600" fontWeight="bold">{getMessage(`page.details.panel.discussion.warnings.reports.description`, 'abuse reports')}</Typography>
-                </Box>
-            </Box>
-            <Button onClick={handleReportsReviewClick} variant="ghost" endIcon={<ReviewIcon />}>
-                { getMessage(`page.details.actions.comment.report.review`, 'review') }
-            </Button>
-        </DiscussionThreadItemWarningsWrapper>) }
-        { (canAccessReports || canReviewReports) && (<ReportsReviewModal 
-            isVisible={reportsReviewVisible}
-            isActionAsync={isLoading}
-            onClose={handleReportsReviewClose}
-            startActions={canModerate && (<>
-                <Button onClick={handleBlockItemClick} variant="danger-light" startIcon={<LockIcon />} disabled={blockButtonsDisabled}>
-                    { getMessage(`page.details.actions.comment.block`, 'Block comment') }
-                </Button>
-                { gotThread && (<Button onClick={handleBlockItemThreadClick} variant="danger" startIcon={<LockIcon />} disabled={blockButtonsDisabled}>
-                    { getMessage(`page.details.actions.thread.block`, 'Block thread') }
-                </Button>) }
-            </>)}
-            item={item}>
-                <Typography variant="sigma" textColor="neutral600" id="reports-list">
-                    { getMessage('page.details.panel.discussion.warnings.reports.list', 'List') }
-                </Typography>
-                <Box paddingTop={2} paddingBottom={6}>
-                    <Divider />
-                </Box>
-                <ReportsReviewTable
-                    commentId={id} 
-                    items={orderBy(reports, ['resolved', 'createdAt'], ['DESC', 'DESC'])} 
-                    mutation={resolveReportMutation}
-                    allowedActions={{ canAccessReports, canReviewReports }}
-                    onBlockButtonsStateChange={handleBlockButtonsStateChange}
-                />
-        </ReportsReviewModal>) }
-    </>);
-};
-
-DiscussionThreadItemWarnings.propTypes = {
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool,
-    }),
-};
-
-export default DiscussionThreadItemWarnings;
- 

package/admin/src/components/DiscussionThreadItemWarnings/styles.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { Box } from '@strapi/design-system/Box';
-
-export const DiscussionThreadItemWarningsWrapper = styled(Box)`
-    width: 100%;
-    margin-top: .5rem;
-`;