add RedirectedAlert

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 RedirectedAlert from './components/Page/RedirectedAlert';
 import RenamedAlert from './components/Page/RenamedAlert';
 import TrashPageList from './components/TrashPageList';
 import TrashPageAlert from './components/Page/TrashPageAlert';
@@ -103,6 +104,7 @@ Object.assign(componentMappings, {
 
   'share-link-alert': <ShareLinkAlert />,
   'duplicated-alert': <DuplicatedAlert />,
+  'redirected-alert': <RedirectedAlert />,
   'renamed-alert': <RenamedAlert />,
 });
 

src/client/js/components/Page/RedirectedAlert.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('Redirected') }:</strong>{ t('page_page.notice.redirected')}
+    </>
+  );
+};
+
+DuplicatedAlert.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+};
+
+export default withTranslation()(DuplicatedAlert);

src/server/views/widget/page_alerts.html

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