Merge pull request #387 from Fekide/378-bug-cant-build-strapi-admin-panel-anymore

fix(admin): fix admin panel failing to build due to direct imports fr…

Author: layaxx

plugin/admin/src/components/CMEditViewTranslateLocale/index.js

@@ -47,9 +47,6 @@ import {
   CheckPermissions,
   request,
 } from '@strapi/helper-plugin'
-import { generateOptions } from '@strapi/plugin-i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/utils'
-import useContentTypePermissions from '@strapi/plugin-i18n/admin/src/hooks/useContentTypePermissions'
-import selectI18NLocales from '@strapi/plugin-i18n/admin/src/selectors/selectI18nLocales'
 import _ from 'lodash'
 import { getTrad } from '../../utils'
 import permissions from '../../permissions'
@@ -73,9 +70,12 @@ const CenteredTypography = styled(Typography)`
 
 const CMEditViewTranslateLocale = () => {
   const [{ query }] = useQueryParams()
-  const locales = useSelector(selectI18NLocales)
+  const locales = useSelector((state) => state.i18n_locales.locales)
   const { layout, modifiedData, slug } = useCMEditViewDataManager()
-  const { readPermissions } = useContentTypePermissions(slug)
+  const readPermissions =
+    (useSelector(
+      (state) => state.rbacProvider.collectionTypesRelatedPermissions
+    )[slug] || [])['plugin::content-manager.explorer.read'] || []
 
   const defaultLocale = locales.find((loc) => loc.isDefault)
   const currentLocale = get(query, 'plugins.i18n.locale', defaultLocale.code)
@@ -90,6 +90,8 @@ const CMEditViewTranslateLocale = () => {
     return null
   }
 
+  console.log(readPermissions)
+
   return (
     <CheckPermissions permissions={permissions.translate}>
       <Content
@@ -113,12 +115,22 @@ const Content = ({
   const { allLayoutData, initialData, slug, onChange } =
     useCMEditViewDataManager()
 
-  const options = generateOptions(
-    appLocales,
-    currentLocale,
-    localizations,
-    readPermissions
-  )
+  const options = appLocales
+    .filter(({ code }) => {
+      return (
+        code !== currentLocale &&
+        localizations.map(({ locale }) => locale).includes(code) &&
+        readPermissions.some(({ properties }) =>
+          get(properties, 'locales', []).includes(code)
+        )
+      )
+    })
+    .map(({ name, code }) => {
+      return {
+        label: name,
+        value: localizations.find(({ locale }) => code === locale).id,
+      }
+    })
 
   const toggleNotification = useNotification()
   const { formatMessage } = useIntl()