strapi-plugin-comments 2.1.2 → 2.1.3

package/admin/src/pages/App/index.tsx

@@ -1,67 +0,0 @@
-/**
- *
- * This component is the skeleton around the actual pages, and should only
- * contain code that should be seen on all pages. (e.g. navigation bar)
- *
- */
-
-// @ts-nocheck
-import React from "react";
-import { connect } from "react-redux";
-import { bindActionCreators, compose } from "redux";
-import { Switch, Route } from "react-router-dom";
-import { useQuery } from "react-query";
-import {
-  NotFound,
-  LoadingIndicatorPage,
-  useNotification,
-} from "@strapi/helper-plugin";
-
-import ComingSoonPage from "../ComingSoonPage";
-import getUrl from "../../utils/getUrl";
-import Discover from "../Discover";
-import Details from "../Details";
-import { fetchConfig } from "./utils/api";
-import { setConfig } from "./reducer/actions";
-import makeAppView from "./reducer/selectors";
-
-const App = ({ setConfig }) => {
-  const toggleNotification = useNotification();
-
-  const { isLoading, isFetching } = useQuery(
-    "get-config",
-    () => fetchConfig(toggleNotification),
-    {
-      initialData: {},
-      onSuccess: (response) => {
-        setConfig(response);
-      },
-    }
-  );
-
-  if (isLoading || isFetching) {
-    return <LoadingIndicatorPage />;
-  }
-
-  return (
-    <div>
-      <Switch>
-        <Route path={getUrl("dashboard")} component={ComingSoonPage} exact />
-        <Route path={getUrl("discover")} component={Discover} exact />
-        <Route path={getUrl("discover/:id")} component={Details} exact />
-        <Route path={getUrl("reports")} component={ComingSoonPage} exact />
-        <Route path={getUrl("settings")} component={ComingSoonPage} exact />
-        <Route component={NotFound} />
-      </Switch>
-    </div>
-  );
-};
-
-const mapStateToProps = makeAppView();
-
-export function mapDispatchToProps(dispatch) {
-  return bindActionCreators({ setConfig }, dispatch);
-}
-const withConnect = connect(mapStateToProps, mapDispatchToProps);
-
-export default compose(withConnect)(App);

package/admin/src/pages/App/reducer/actions.ts

@@ -1,10 +0,0 @@
-// @ts-nocheck
-
-import { GET_CONFIG, SET_CONFIG } from "./constants";
-
-export const setConfig = (data) => ({
-  data,
-  type: SET_CONFIG,
-});
-
-export const getConfig = () => ({ type: GET_CONFIG });

package/admin/src/pages/App/reducer/constants.ts

@@ -1,4 +0,0 @@
-export const REDUCER_NAME = "plugin-comments_app";
-
-export const SET_CONFIG = "SET_CONFIG";
-export const GET_CONFIG = "GET_CONFIG";

package/admin/src/pages/App/reducer/index.ts

@@ -1,28 +0,0 @@
-// @ts-nocheck
-
-import produce from "immer"; // current
-import { set } from "lodash";
-import { GET_CONFIG, SET_CONFIG } from "./constants";
-
-const initialState = {
-  config: {},
-};
-
-const reducer = (state = initialState, action) =>
-  // eslint-disable-next-line consistent-return
-  produce(state, (draftState) => {
-    switch (action.type) {
-      case SET_CONFIG: {
-        set(draftState, "config", action.data);
-        break;
-      }
-      case GET_CONFIG: {
-        return draftState?.config;
-      }
-      default:
-        return draftState;
-    }
-  });
-
-export default reducer;
-export { initialState };

package/admin/src/pages/App/reducer/init.ts

@@ -1,9 +0,0 @@
-// @ts-nocheck
-
-const initReducer = (initialState) => {
-  return {
-    ...initialState,
-  };
-};
-
-export default initReducer;

package/admin/src/pages/App/reducer/selectors.ts

@@ -1,32 +0,0 @@
-// @ts-nocheck
-
-import { createSelector } from "reselect";
-import { initialState } from "./";
-import { REDUCER_NAME } from "./constants";
-
-/**
- * Direct selector to the listView state domain
- */
-const appView = () => (state) => state[REDUCER_NAME] || initialState;
-
-/**
- * Other specific selectors
- */
-
-/**
- * Default selector used by listView
- */
-
-const makeAppView = () =>
-  createSelector(appView(), (substate) => {
-    return substate;
-  });
-
-const selectConfig = (state) => {
-  const { config } = state;
-
-  return config;
-};
-
-export default makeAppView;
-export { appView, selectConfig };

package/admin/src/pages/App/utils/api.ts

@@ -1,14 +0,0 @@
-// @ts-nocheck
-
-import { getApiURL, axiosInstance, handleAPIError } from "../../../utils";
-
-// eslint-disable-next-line import/prefer-default-export
-export const fetchConfig = async (toggleNotification) => {
-  try {
-    const { data } = await axiosInstance.get(getApiURL(`moderate/config`));
-
-    return data;
-  } catch (err) {
-    handleAPIError(err, toggleNotification);
-  }
-};

package/admin/src/pages/ComingSoonPage/index.tsx

@@ -1,31 +0,0 @@
-/*
- *
- * Coming soon page
- *
- */
-
-// @ts-nocheck
-import React, { memo } from "react";
-import { Box } from "@strapi/design-system/Box";
-import { EmptyStateLayout } from "@strapi/design-system/EmptyStateLayout";
-import { Layout } from "@strapi/design-system/Layout";
-import { Illo } from "@strapi/icons";
-import getMessage from "../../utils/getMessage";
-import Nav from "../../components/Nav";
-
-const ComingSoonPage = () => {
-  return (
-    <Box background="neutral100">
-      <Layout sideNav={<Nav />}>
-        <Box padding={8} background="neutral100">
-          <EmptyStateLayout
-            icon={<Illo />}
-            content={getMessage("page.coming.soon")}
-          />
-        </Box>
-      </Layout>
-    </Box>
-  );
-};
-
-export default memo(ComingSoonPage);

package/admin/src/pages/Details/components/DetailsEntity/index.tsx

@@ -1,106 +0,0 @@
-/**
- *
- * Entity Details
- *
- */
-
-// @ts-nocheck
-import React from "react";
-import PropTypes from "prop-types";
-import { capitalize, isNil, isEmpty, first, take } from "lodash";
-import { Box } from "@strapi/design-system/Box";
-import { Divider } from "@strapi/design-system/Divider";
-import { Flex } from "@strapi/design-system/Flex";
-import { Stack } from "@strapi/design-system/Stack";
-import { Typography } from "@strapi/design-system/Typography";
-import { getMessage } from "../../../../utils";
-import DetailsFilters from "../DetailsFilters";
-
-const DetailsEntity = ({
-  data = {},
-  schema = {},
-  config = {},
-  filters,
-  onFiltersChange,
-}) => {
-  const { entryLabel = {} } = config;
-  const { attributes = {} } = schema;
-  const keys = Object.keys(attributes);
-  const entityLabelKey = first(entryLabel[data?.uid]);
-
-  const FIELDS_LIMIT = 5;
-  const itemKeys = take(
-    keys.filter(
-      (_) =>
-        attributes[_].type === "string" &&
-        !isNil(data[_]) &&
-        _ !== entityLabelKey
-    ),
-    FIELDS_LIMIT
-  );
-
-  const formatLabel = (label = "") =>
-    label
-      .split("_")
-      .map((_) => capitalize(_))
-      .join(" ");
-
-  const entityIsRenderable =
-    data && !isEmpty(data) && (!isEmpty(itemKeys) || data[entityLabelKey]);
-
-  return (
-    <Box padding={4}>
-      {entityIsRenderable && (
-        <Box marginBottom={4}>
-          <Typography
-            variant="sigma"
-            textColor="neutral600"
-            id="entity-details"
-          >
-            {getMessage("page.details.panel.entity", "Details")}
-          </Typography>
-          <Box paddingTop={2} paddingBottom={4}>
-            <Divider />
-          </Box>
-          <Stack size={itemKeys.length}>
-            <Flex direction="column" alignItems="flex-start">
-              <Typography fontWeight="bold">
-                {formatLabel(entityLabelKey)}
-              </Typography>
-              <Typography>{data[entityLabelKey]}</Typography>
-            </Flex>
-            {itemKeys.map((_) => (
-              <Flex
-                key={`prop_${_}`}
-                direction="column"
-                alignItems="flex-start"
-              >
-                <Typography fontWeight="bold">{formatLabel(_)}</Typography>
-                <Typography>{data[_]}</Typography>
-              </Flex>
-            ))}
-          </Stack>
-        </Box>
-      )}
-      <Box>
-        <Typography variant="sigma" textColor="neutral600" id="view-filters">
-          {getMessage("page.details.filters.label", "View")}
-        </Typography>
-        <Box paddingTop={2} paddingBottom={4}>
-          <Divider />
-        </Box>
-        <DetailsFilters data={filters} onChange={onFiltersChange} />
-      </Box>
-    </Box>
-  );
-};
-
-DetailsEntity.propTypes = {
-  data: PropTypes.object.isRequired,
-  schema: PropTypes.object.isRequired,
-  config: PropTypes.object.isRequired,
-  filters: PropTypes.object.isRequired,
-  onFiltersChange: PropTypes.func.isRequired,
-};
-
-export default DetailsEntity;

package/admin/src/pages/Details/components/DetailsFilters/index.tsx

@@ -1,43 +0,0 @@
-// @ts-nocheck
-
-import React from "react";
-import PropTypes from "prop-types";
-import { Box } from "@strapi/design-system/Box";
-import { Flex } from "@strapi/design-system/Flex";
-import { Stack } from "@strapi/design-system/Stack";
-import { Checkbox } from "@strapi/design-system/Checkbox";
-import { getMessage } from "../../../../utils";
-
-const DetailsFilters = ({ data, onChange }) => {
-  const { removed = false } = data;
-
-  const handleOnChange = (prop, value) =>
-    onChange({
-      ...data,
-      [prop]: !value ? undefined : value,
-    });
-
-  return (
-    <Box as={Flex}>
-      <Stack size={2} vertical>
-        <Checkbox
-          checked={removed}
-          onChange={() => handleOnChange("removed", !removed)}
-          visibleLabels
-        >
-          {getMessage(
-            "page.details.filters.removed.label",
-            "Show removed comments"
-          )}
-        </Checkbox>
-      </Stack>
-    </Box>
-  );
-};
-
-DetailsFilters.propTypes = {
-  data: PropTypes.object.isRequired,
-  onChange: PropTypes.func.isRequired,
-};
-
-export default DetailsFilters;

package/admin/src/pages/Details/components/DetailsFilters/styles.ts

@@ -1,9 +0,0 @@
-// @ts-nocheck
-import styled from "styled-components";
-import { Link } from "@strapi/design-system/Link";
-
-export const TableLink = styled(Link)`
-  display: block;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`;

package/admin/src/pages/Details/index.tsx

@@ -1,169 +0,0 @@
-/*
- *
- * Details
- *
- */
-
-// @ts-nocheck
-import React, { memo, useRef, useMemo, useState } from "react";
-import { connect } from "react-redux";
-import { bindActionCreators, compose } from "redux";
-import isEqual from "react-fast-compare";
-import { useQuery } from "react-query";
-import { useRouteMatch } from "react-router-dom";
-import {
-  Layout,
-  HeaderLayout,
-  TwoColsLayout,
-  ContentLayout,
-} from "@strapi/design-system/Layout";
-import { Box } from "@strapi/design-system/Box";
-import { Link } from "@strapi/design-system/Link";
-import { Loader } from "@strapi/design-system/Loader";
-import { useNotifyAT } from "@strapi/design-system/LiveRegions";
-import { ArrowLeft } from "@strapi/icons";
-
-import { isEmpty } from "lodash";
-import {
-  LoadingIndicatorPage,
-  useTracking,
-  useNotification,
-  useRBAC,
-  useFocusWhenNavigate,
-} from "@strapi/helper-plugin";
-import getMessage from "../../utils/getMessage";
-import { fetchDetailsData, fetchContentTypeData } from "../utils/api";
-import pluginPermissions from "../../permissions";
-import { getUrl, parseRegExp } from "../../utils";
-import Nav from "../../components/Nav";
-import DetailsEntity from "./components/DetailsEntity";
-import DiscussionThread from "../../components/DiscussionThread";
-import makeAppView from "../App/reducer/selectors";
-
-const Details = ({ config }) => {
-  useFocusWhenNavigate();
-
-  const {
-    params: { id },
-  } = useRouteMatch(getUrl(`discover/:id`));
-
-  const { notifyStatus } = useNotifyAT();
-  const { trackUsage } = useTracking();
-  const trackUsageRef = useRef(trackUsage);
-  const toggleNotification = useNotification();
-
-  const viewPermissions = useMemo(
-    () => ({
-      access: pluginPermissions.access,
-      moderate: pluginPermissions.moderate,
-      accessReports: pluginPermissions.reports,
-      reviewReports: pluginPermissions.reportsReview,
-    }),
-    []
-  );
-
-  const {
-    isLoading: isLoadingForPermissions,
-    allowedActions: {
-      canAccess,
-      canModerate,
-      canAccessReports,
-      canReviewReports,
-    },
-  } = useRBAC(viewPermissions);
-
-  const [filters, setFilters] = useState({});
-
-  const regexUID = new RegExp(
-    parseRegExp(config.regex.uid).value,
-    parseRegExp(config.regex.uid).flags
-  );
-
-  const {
-    isLoading: isLoadingForData,
-    data,
-    isFetching,
-  } = useQuery(
-    ["get-details-data", id, filters, canAccess],
-    () => fetchDetailsData(id, filters, toggleNotification),
-    {
-      initialData: {},
-    }
-  );
-
-  const { entity, level, selected } = data;
-  const entityUidValid = entity?.uid && regexUID.test(entity.uid);
-
-  const { data: contentTypeData } = useQuery(
-    ["get-additional-data", entity?.uid, canAccess],
-    () => fetchContentTypeData(entity?.uid, toggleNotification),
-    {
-      enabled: !!entity?.uid,
-      suspense: !entityUidValid,
-    }
-  );
-
-  const handleChangeFilters = (props) => setFilters(props);
-
-  const isLoading = isLoadingForData || isFetching;
-
-  if (canAccess) {
-    return (
-      <Box background="neutral100">
-        <Layout>
-          {(isLoading || isLoadingForPermissions) && isEmpty(data) ? (
-            <LoadingIndicatorPage />
-          ) : (
-            <>
-              <HeaderLayout
-                navigationAction={
-                  <Link startIcon={<ArrowLeft />} to={getUrl(`discover`)}>
-                    {getMessage("HeaderLayout.link.go-back", "Back", false)}
-                  </Link>
-                }
-                title={getMessage("page.details.header")}
-                subtitle={getMessage("page.details.header.description")}
-                as="h2"
-              />
-              <ContentLayout>
-                <TwoColsLayout
-                  startCol={
-                    <DiscussionThread
-                      level={level}
-                      selected={selected}
-                      isReloading={isLoading}
-                      allowedActions={{
-                        canModerate,
-                        canAccessReports,
-                        canReviewReports,
-                      }}
-                    />
-                  }
-                  endCol={
-                    <DetailsEntity
-                      data={entity}
-                      schema={contentTypeData?.schema}
-                      config={config}
-                      filters={filters}
-                      onFiltersChange={handleChangeFilters}
-                    />
-                  }
-                />
-              </ContentLayout>
-            </>
-          )}
-        </Layout>
-      </Box>
-    );
-  }
-  return null;
-};
-
-const mapStateToProps = makeAppView();
-
-export function mapDispatchToProps(dispatch) {
-  return bindActionCreators({}, dispatch);
-}
-const withConnect = connect(mapStateToProps, mapDispatchToProps);
-
-export default compose(withConnect)(memo(Details, isEqual));