From 4dd2c23c7440fa12845d15831d2b645152997af0 Mon Sep 17 00:00:00 2001
From: Alin Voinea <contact@avoinea.com>
Date: Tue, 23 Aug 2022 19:55:47 +0300
Subject: [PATCH] feat(VersionOverview): Copy unchanged from @plone/volto 16
 alpha 12

---
 .../manage/Controlpanels/VersionOverview.jsx  | 73 +++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 src/customizations/volto/components/manage/Controlpanels/VersionOverview.jsx

diff --git a/src/customizations/volto/components/manage/Controlpanels/VersionOverview.jsx b/src/customizations/volto/components/manage/Controlpanels/VersionOverview.jsx
new file mode 100644
index 00000000..a8960c92
--- /dev/null
+++ b/src/customizations/volto/components/manage/Controlpanels/VersionOverview.jsx
@@ -0,0 +1,73 @@
+/**
+ * Version Overview component.
+ * @module components/manage/Controlpanels/VersionOverview
+ */
+
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { isEmpty } from 'lodash';
+
+import { version as voltoVersion } from '@plone/volto/../package.json';
+
+import { defineMessages, useIntl } from 'react-intl';
+import config from '@plone/volto/registry';
+
+const messages = defineMessages({
+  no_addons: {
+    id: 'No addons found',
+    defaultMessage: 'No addons found',
+  },
+});
+
+const VersionOverview = ({
+  cmf_version,
+  debug_mode,
+  pil_version,
+  plone_version,
+  plone_restapi_version,
+  python_version,
+  zope_version,
+}) => {
+  const intl = useIntl();
+  const { addonsInfo } = config.settings;
+
+  return (
+    <>
+      <ul
+        style={{
+          fontSize: '16px',
+          fontFamily: 'Monospace',
+          paddingLeft: '1rem',
+        }}
+      >
+        {voltoVersion && <li>Volto {voltoVersion}</li>}
+        <li>Plone {plone_version}</li>
+        <li>plone.restapi {plone_restapi_version}</li>
+        <li>CMF {cmf_version}</li>
+        <li>Zope {zope_version}</li>
+        <li>Python {python_version}</li>
+        <li>PIL {pil_version}</li>
+      </ul>
+      <h3>Add-ons</h3>
+      {isEmpty(addonsInfo) ? (
+        <p>{intl.formatMessage(messages.no_addons)}</p>
+      ) : (
+        <ul style={{ fontSize: '16px', fontFamily: 'Monospace' }}>
+          {addonsInfo.map((addon) => (
+            <li key={addon.name}>{`${addon.name} ${addon.version || ''}`}</li>
+          ))}
+        </ul>
+      )}
+      {debug_mode !== 'No' && (
+        <p>
+          <FormattedMessage
+            id="Warning Regarding debug mode"
+            defaultMessage="You are running in 'debug mode'. This mode is intended for sites that are under development. This allows many configuration changes to be immediately visible, but will make your site run more slowly. To turn off debug mode, stop the server, set 'debug-mode=off' in your buildout.cfg, re-run bin/buildout and then restart the server process."
+          />
+        </p>
+      )}
+    </>
+  );
+};
+
+export default VersionOverview;