Web: Profile: Fixed translations.

packages/client/src/pages/Profile/Section/Body/index.js

@@ -32,7 +32,7 @@ const Wrapper = styled.div`
 `;
 
 const SectionBodyContent = (props) => {
-  const { setBackupCodes, getTfaType, getBackupCodes, history } = props;
+  const { setBackupCodes, getTfaType, getBackupCodes, history, t } = props;
   const [tfa, setTfa] = useState(false);
   const [backupCodesCount, setBackupCodesCount] = useState(0);
 
@@ -66,7 +66,7 @@ const SectionBodyContent = (props) => {
         <LoginSettings backupCodesCount={backupCodesCount} />
       )}
       <SocialNetworks />
-      <Subscription history={history} />
+      <Subscription history={history} t={t} />
       <InterfaceTheme />
     </Wrapper>
   );
@@ -92,6 +92,7 @@ export default withRouter(
         "ResetApplicationDialog",
         "BackupCodesDialog",
         "DeleteSelfProfileDialog",
+        "Notifications",
       ])(withPeopleLoader(SectionBodyContent)(<Loaders.ProfileView />))
     )
   )

packages/client/src/pages/Profile/Section/Body/sub-components/subscription/index.js

@@ -1,5 +1,4 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
 import { inject, observer } from "mobx-react";
 import Text from "@docspace/components/text";
 import Button from "@docspace/components/button";
@@ -9,8 +8,7 @@ import { StyledWrapper } from "./styled-subscriptions";
 import config from "PACKAGE_FILE";
 import { combineUrl } from "@docspace/common/utils";
 const Subscription = (props) => {
-  const { t } = useTranslation(["Notifications", "Common"]);
-  const { history } = props;
+  const { history, t } = props;
 
   const onButtonClick = () => {
     history.push(
@@ -25,11 +23,11 @@ const Subscription = (props) => {
   return (
     <StyledWrapper>
       <Text fontSize="16px" fontWeight={700}>
-        {t("Notifications")}
+        {t("Notifications:Notifications")}
       </Text>
       <Button
-        size="normalDesktop"
-        label={t("ManageNotifications")}
+        size="small"
+        label={t("Notifications:ManageNotifications")}
         onClick={onButtonClick}
       />
     </StyledWrapper>