reactify renamed alert

src/client/js/app.jsx

@@ -18,6 +18,7 @@ import CommentEditorLazyRenderer from './components/PageComment/CommentEditorLaz
 import PageManagement from './components/Page/PageManagement';
 import ShareLinkAlert from './components/Page/ShareLinkAlert';
 import DuplicatedAlert from './components/Page/DuplicatedAlert';
+import RenamedAlert from './components/Page/RenamedAlert';
 import TrashPageList from './components/TrashPageList';
 import TrashPageAlert from './components/Page/TrashPageAlert';
 import NotFoundPage from './components/NotFoundPage';
@@ -102,6 +103,7 @@ Object.assign(componentMappings, {
 
   'share-link-alert': <ShareLinkAlert />,
   'duplicated-alert': <DuplicatedAlert />,
+  'renamed-alert': <RenamedAlert />,
 });
 
 // additional definitions if data exists

src/client/js/components/Page/RenamedAlert.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+
+const DuplicatedAlert = (props) => {
+  const { t } = props;
+
+  return (
+    <>
+      <strong>{ t('Moved') }:</strong>{t('page_page.notice.moved')}
+    </>
+  );
+};
+
+DuplicatedAlert.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+};
+
+export default withTranslation()(DuplicatedAlert);

src/server/views/widget/page_alerts.html

@@ -36,7 +36,7 @@
           <strong>{{ t('Redirected') }}:</strong><span content="{{ t('page_page.notice.redirected', fromPath | preventXss) }}">
         {% endif %}
         {% if req.query.renamedFrom %}
-          <strong>{{ t('Moved') }}:</strong><span content="{{ t('page_page.notice.moved', fromPath | preventXss)" }} >
+        <div id="renamed-alert"></div>
         {% endif %}
       </span>
       {% set hasRedirectLink = redirectFrom or req.query.redirectFrom or req.query.withRedirect %}