diff --git a/packages/strapi-plugin-i18n/admin/src/containers/SettingsPage/index.js b/packages/strapi-plugin-i18n/admin/src/containers/SettingsPage/index.js
new file mode 100644
index 0000000000..678b8c6506
--- /dev/null
+++ b/packages/strapi-plugin-i18n/admin/src/containers/SettingsPage/index.js
@@ -0,0 +1,171 @@
+import React, { useEffect, useReducer, useRef } from 'react';
+import { Header, Inputs } from '@buffetjs/custom';
+import { Text } from '@buffetjs/core';
+import { isEqual } from 'lodash';
+import { LoadingIndicatorPage, useGlobalContext, request } from 'strapi-helper-plugin';
+
+import { getRequestUrl, getTrad } from '../../utils';
+import SectionTitleWrapper from './SectionTitleWrapper';
+import Wrapper from './Wrapper';
+import init from './init';
+import reducer, { initialState } from './reducer';
+
+const SettingsPage = () => {
+ const { formatMessage } = useGlobalContext();
+ const [reducerState, dispatch] = useReducer(reducer, initialState, init);
+ const { initialData, isLoading, modifiedData } = reducerState.toJS();
+ const isMounted = useRef(true);
+ const getDataRef = useRef();
+ const abortController = new AbortController();
+
+ getDataRef.current = async () => {
+ try {
+ const { signal } = abortController;
+ const { data } = await request(getRequestUrl('settings', { method: 'GET', signal }));
+
+ if (isMounted.current) {
+ dispatch({
+ type: 'GET_DATA_SUCCEEDED',
+ data,
+ });
+ }
+ } catch (err) {
+ console.error(err);
+ }
+ };
+
+ useEffect(() => {
+ getDataRef.current();
+
+ return () => {
+ abortController.abort();
+ isMounted.current = false;
+ };
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ const handleSubmit = async () => {
+ try {
+ await request(getRequestUrl('settings'), {
+ method: 'PUT',
+ body: modifiedData,
+ });
+
+ if (isMounted.current) {
+ dispatch({
+ type: 'SUBMIT_SUCCEEDED',
+ });
+ }
+
+ strapi.notification.toggle({
+ type: 'success',
+ message: { id: 'notification.form.success.fields' },
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ };
+
+ const headerProps = {
+ title: {
+ label: formatMessage({ id: getTrad('settings.header.label') }),
+ },
+ content: formatMessage({
+ id: getTrad('settings.sub-header.label'),
+ }),
+ actions: [
+ {
+ color: 'cancel',
+ disabled: isEqual(initialData, modifiedData),
+ // TradId from the strapi-admin package
+ label: formatMessage({ id: 'app.components.Button.cancel' }),
+ onClick: () => {
+ dispatch({
+ type: 'CANCEL_CHANGES',
+ });
+ },
+ type: 'button',
+ },
+ {
+ disabled: false,
+ color: 'success',
+ // TradId from the strapi-admin package
+ label: formatMessage({ id: 'app.components.Button.save' }),
+ onClick: handleSubmit,
+ type: 'button',
+ },
+ ],
+ };
+
+ const handleChange = ({ target: { name, value } }) => {
+ dispatch({
+ type: 'ON_CHANGE',
+ keys: name,
+ value,
+ });
+ };
+
+ if (isLoading) {
+ return ;
+ }
+
+ return (
+ <>
+
+
+
+
+
+
+ {formatMessage({ id: getTrad('settings.section.image.label') })}
+
+
+
+
+
+
+
+
+
+
+