Add translation namespace

bigbinary · Oct 30, 2023 · a4b63ec · a4b63ec
1 parent eaebcef
commit a4b63ec
Show file tree

Hide file tree

Showing 27 changed files with 260 additions and 241 deletions.
diff --git a/src/components/Attachments/Attachment.jsx b/src/components/Attachments/Attachment.jsx
@@ -122,9 +122,13 @@ const Attachment = ({
               <Input
                 autoFocus
                 data-cy="neeto-editor-preview-rename-input"
-                error={isEmpty(newFilename) ? t("attachments.nameEmpty") : ""}
                 size="small"
                 value={newFilename}
+                error={
+                  isEmpty(newFilename)
+                    ? t("neetoEditor.attachments.nameEmpty")
+                    : ""
+                }
                 onChange={withEventTargetValue(setNewFilename)}
                 onKeyDown={event =>
                   handleKeyDown({
@@ -159,7 +163,7 @@ const Attachment = ({
               </Tooltip>
             </div>
             <Tooltip
-              content={t("attachments.actionsBlocked")}
+              content={t("neetoEditor.attachments.actionsBlocked")}
               disabled={!disabled}
               position="top"
             >
@@ -188,11 +192,11 @@ const Attachment = ({
       <Alert
         isOpen={isDeleteAlertOpen}
         isSubmitting={isDeleting}
-        submitButtonLabel={t("menu.delete")}
-        title={t("attachments.deleteTitle")}
+        submitButtonLabel={t("neetoEditor.menu.delete")}
+        title={t("neetoEditor.attachments.deleteTitle")}
         message={
           <Trans
-            i18nKey="attachments.deleteConfirmation"
+            i18nKey="neetoEditor.attachments.deleteConfirmation"
             values={{ entity: newFilename }}
           />
         }

diff --git a/src/components/Attachments/Preview.jsx b/src/components/Attachments/Preview.jsx
@@ -61,7 +61,7 @@ const Preview = ({
         return (
           <Typography>
             <Trans
-              i18nKey="attachments.noPreview"
+              i18nKey="neetoEditor.attachments.noPreview"
               components={{
                 span: (
                   <span
@@ -102,7 +102,7 @@ const Preview = ({
         <Button
           icon={Download}
           iconPosition="right"
-          label={t("common.download")}
+          label={t("neetoEditor.common.download")}
           ref={downloadRef}
           onClick={handleDownload}
         />

diff --git a/src/components/Attachments/index.jsx b/src/components/Attachments/index.jsx
@@ -53,8 +53,8 @@ const Attachments = (
           data: file,
         });
       } catch (error) {
-        if (error.message !== t("error.onBeforeFileAddedReturn")) {
-          Toastr.error(t("error.cannotAddFiles"));
+        if (error.message !== t("neetoEditor.error.onBeforeFileAddedReturn")) {
+          Toastr.error(t("neetoEditor.error.cannotAddFiles"));
         }
       }
     });
@@ -173,7 +173,7 @@ const Attachments = (
           <Button
             data-cy="neeto-editor-attachments-upload-button"
             disabled={isUploading}
-            label={t("attachments.add")}
+            label={t("neetoEditor.attachments.add")}
             loading={isUploading}
             size="medium"
             style="link"
@@ -189,7 +189,7 @@ const Attachments = (
           onClick={event => {
             if (!isEmpty(attachments) && config.maxNumberOfFiles === 1) {
               event.preventDefault();
-              Toastr.warning(t("attachments.oneAttachmentAllowed"));
+              Toastr.warning(t("neetoEditor.attachments.oneAttachmentAllowed"));
             }
           }}
         />

diff --git a/src/components/Attachments/utils.js b/src/components/Attachments/utils.js
@@ -19,7 +19,9 @@ export const selectFiles = ({ previousAttachmentsCount, config, files }) => {
 
     if (remainingAttachments <= 0) {
       Toastr.warning(
-        t("attachments.maxNumberOfFiles", { entity: maxNumberOfFiles })
+        t("neetoEditor.attachments.maxNumberOfFiles", {
+          entity: maxNumberOfFiles,
+        })
       );
 
       return [];
@@ -29,7 +31,9 @@ export const selectFiles = ({ previousAttachmentsCount, config, files }) => {
 
     if (selectedFiles.length < files.length) {
       Toastr.warning(
-        t("attachments.maxNumberOfFiles", { entity: maxNumberOfFiles })
+        t("neetoEditor.attachments.maxNumberOfFiles", {
+          entity: maxNumberOfFiles,
+        })
       );
     }
 
@@ -48,7 +52,9 @@ export const handleDrop = ({ uppy, config, previousAttachmentsCount }) => {
 
     if (totalAttachments > maxNumberOfFiles) {
       Toastr.warning(
-        t("attachments.maxNumberOfFiles", { entity: maxNumberOfFiles })
+        t("neetoEditor.attachments.maxNumberOfFiles", {
+          entity: maxNumberOfFiles,
+        })
       );
       uppy.reset();
 

diff --git a/src/components/Editor/CustomExtensions/CodeBlock/CodeBlockComponent.jsx b/src/components/Editor/CustomExtensions/CodeBlock/CodeBlockComponent.jsx
@@ -40,13 +40,13 @@ const CodeBlockComponent = ({ node, editor, updateAttributes }) => {
             buttonSize="small"
             buttonStyle="secondary"
             icon={Down}
-            label={node.attrs?.language || t("common.auto")}
+            label={node.attrs?.language || t("neetoEditor.common.auto")}
             strategy="fixed"
           >
             <Input
               autoFocus
               className="neeto-editor-codeblock-options__input"
-              placeholder={t("placeholders.searchLanguages")}
+              placeholder={t("neetoEditor.placeholders.searchLanguages")}
               size="small"
               value={keyword}
               onChange={e => setKeyword(e.target.value)}
@@ -61,7 +61,7 @@ const CodeBlockComponent = ({ node, editor, updateAttributes }) => {
                   key={language}
                   onClick={() => handleLanguageSelect(language)}
                 >
-                  {language || t("common.auto")}
+                  {language || t("neetoEditor.common.auto")}
                 </MenuItem.Button>
               ))}
             </Menu>

diff --git a/src/components/Editor/CustomExtensions/Embeds/index.jsx b/src/components/Editor/CustomExtensions/Embeds/index.jsx
@@ -74,7 +74,7 @@ const EmbedOption = ({ isEmbedModalOpen, setIsEmbedModalOpen, editor }) => {
         <Input
           data-cy="neeto-editor-embed-input"
           error={error && "Please enter a valid URL"}
-          label={t("common.videoUrl")}
+          label={t("neetoEditor.common.videoUrl")}
           ref={inputRef}
           size="medium"
           type="text"
@@ -87,7 +87,7 @@ const EmbedOption = ({ isEmbedModalOpen, setIsEmbedModalOpen, editor }) => {
         <Button
           data-cy="neeto-editor-embed-cancel"
           disabled={error || isEmpty(embedUrl)}
-          label={t("common.embed")}
+          label={t("neetoEditor.common.embed")}
           onClick={handleEmbed}
         />
       </Modal.Footer>

diff --git a/src/components/Editor/CustomExtensions/Image/ExtensionConfig.js b/src/components/Editor/CustomExtensions/Image/ExtensionConfig.js
@@ -21,7 +21,9 @@ const upload = async (file, url) => {
   }
 
   const imageSizeInMB = MAX_IMAGE_SIZE / (1024 * 1024);
-  Toastr.error(t("error.imageSizeIsShouldBeLess", { limit: imageSizeInMB }));
+  Toastr.error(
+    t("neetoEditor.error.imageSizeIsShouldBeLess", { limit: imageSizeInMB })
+  );
 
   return "";
 };

diff --git a/src/components/Editor/CustomExtensions/Placeholder/ExtensionConfig.js b/src/components/Editor/CustomExtensions/Placeholder/ExtensionConfig.js
@@ -11,7 +11,7 @@ const Placeholder = Extension.create({
       excludeNodeTypes: ["variable", "codeBlock"],
       emptyEditorClass: "is-editor-empty",
       emptyNodeClass: "is-empty",
-      placeholder: t("placeholders.writeSomething"),
+      placeholder: t("neetoEditor.placeholders.writeSomething"),
       showOnlyWhenEditable: true,
       showOnlyCurrent: false,
       includeChildren: false,

diff --git a/src/components/Editor/LinkPopOver.jsx b/src/components/Editor/LinkPopOver.jsx
@@ -60,7 +60,7 @@ const LinkPopOver = ({ editor }) => {
         .run();
       setIsEditing(false);
     } else {
-      setError(t("error.invalidUrl"));
+      setError(t("neetoEditor.error.invalidUrl"));
     }
   };
 
@@ -116,18 +116,22 @@ const LinkPopOver = ({ editor }) => {
       <Input
         autoFocus
         {...{ error }}
-        label={t("menu.link")}
-        placeholder={t("placeholders.url")}
+        label={t("neetoEditor.menu.link")}
+        placeholder={t("neetoEditor.placeholders.url")}
         style={{ width: "250px" }}
         value={urlString}
         onChange={({ target: { value } }) => setUrlString(value)}
         onFocus={() => setError("")}
         onKeyDown={handleKeyDown}
       />
       <div className="ne-link-popover__edit-prompt-buttons">
-        <Button label={t("menu.link")} size="small" onClick={handleLink} />
         <Button
-          label={t("common.cancel")}
+          label={t("neetoEditor.menu.link")}
+          size="small"
+          onClick={handleLink}
+        />
+        <Button
+          label={t("neetoEditor.common.cancel")}
           size="small"
           style="text"
           onClick={() => {
@@ -147,15 +151,15 @@ const LinkPopOver = ({ editor }) => {
       {" - "}
       <Button
         className="ne-link-popover__option-button"
-        label={t("common.edit")}
+        label={t("neetoEditor.common.edit")}
         size="small"
         style="link"
         onClick={() => setIsEditing(true)}
       />
       <span>|</span>
       <Button
         className="ne-link-popover__option-button"
-        label={t("common.unlink")}
+        label={t("neetoEditor.common.unlink")}
         size="small"
         style="link"
         onClick={handleUnlink}

diff --git a/src/components/Editor/MediaUploader/LocalUploader.jsx b/src/components/Editor/MediaUploader/LocalUploader.jsx
@@ -47,8 +47,8 @@ const LocalUploader = ({
           data: file,
         });
       } catch (error) {
-        if (error.message !== t("error.onBeforeFileAddedReturn")) {
-          Toastr.error(t("error.cannotAddFiles"));
+        if (error.message !== t("neetoEditor.error.onBeforeFileAddedReturn")) {
+          Toastr.error(t("neetoEditor.error.cannotAddFiles"));
         }
       }
     });
@@ -129,9 +129,11 @@ const LocalUploader = ({
         onChange={handleAddFile}
       />
       <ImageUpload className="ne-media-uploader__dnd-icon" size={24} />
-      <Typography style="body2">{t("localUploader.dropFilesHere")}</Typography>
+      <Typography style="body2">
+        {t("neetoEditor.localUploader.dropFilesHere")}
+      </Typography>
       <Typography style="body3">
-        {t("localUploader.maxFileSize", {
+        {t("neetoEditor.localUploader.maxFileSize", {
           entity: convertToFileSize(uppyConfig.restrictions.maxFileSize),
         })}
       </Typography>

diff --git a/src/components/Editor/MediaUploader/Progress.jsx b/src/components/Editor/MediaUploader/Progress.jsx
@@ -58,7 +58,7 @@ const Progress = ({ uppy, pendingUploads, setPendingUploads }) => {
             </div>
           ) : (
             <Typography style="body3">
-              {t("localUploader.completed")}
+              {t("neetoEditor.localUploader.completed")}
             </Typography>
           )}
         </div>

diff --git a/src/components/Editor/MediaUploader/URLForm.jsx b/src/components/Editor/MediaUploader/URLForm.jsx
@@ -21,7 +21,7 @@ const URLForm = ({
     event.preventDefault();
     URL_REGEXP.test(urlString)
       ? onSubmit(urlString)
-      : setError(t("error.invalidUrl"));
+      : setError(t("neetoEditor.error.invalidUrl"));
   };
 
   return (
@@ -33,9 +33,8 @@ const URLForm = ({
       <Input
         autoFocus
         data-cy="neeto-editor-media-upload-url-input"
-        error={error}
+        {...{ error, placeholder }}
         name="url"
-        placeholder={placeholder}
         value={urlString}
         onChange={({ target: { value } }) => setUrlString(value)}
         onFocus={() => setError("")}

diff --git a/src/components/Editor/MediaUploader/UnsplashImagePicker.jsx b/src/components/Editor/MediaUploader/UnsplashImagePicker.jsx
@@ -71,7 +71,7 @@ const UnsplashImagePicker = ({ onSubmit, unsplashApiKey }) => {
         className="neeto-editor-unsplash-search"
         data-cy="neeto-editor-unsplash-image-picker-search-input"
         name="text"
-        placeholder={t("placeholders.searchUnsplash")}
+        placeholder={t("neetoEditor.placeholders.searchUnsplash")}
         value={query}
         onChange={({ target: { value } }) => {
           setQuery(value);
@@ -82,15 +82,15 @@ const UnsplashImagePicker = ({ onSubmit, unsplashApiKey }) => {
           className="neeto-editor-unsplash-gallery__text"
           data-cy="neeto-editor-unsplash-image-picker-error"
         >
-          {t("unsplash.errorMessage")}
+          {t("neetoEditor.unsplash.errorMessage")}
         </p>
       )}
       {!error && !loading && isNilOrEmpty(images) && (
         <p
           className="neeto-editor-unsplash-gallery__text"
           data-cy="neeto-editor-unsplash-image-picker-no-results-error"
         >
-          {t("unsplash.noResults")}
+          {t("neetoEditor.unsplash.noResults")}
         </p>
       )}
       {!error && (
@@ -99,8 +99,7 @@ const UnsplashImagePicker = ({ onSubmit, unsplashApiKey }) => {
             pack
             position
             className="neeto-editor-unsplash-gallery"
-            hasMore={hasMore}
-            loadMore={loadMore}
+            {...{ hasMore, loadMore }}
             loader={Loader}
             ref={masonryRef}
             style={{ width: "100%" }}
@@ -146,7 +145,7 @@ const UnsplashImagePicker = ({ onSubmit, unsplashApiKey }) => {
           </MasonryInfiniteScroller>
           {!hasMore && (
             <p className="neeto-editor-unsplash-gallery__text">
-              {t("unsplash.end")}
+              {t("neetoEditor.unsplash.end")}
             </p>
           )}
         </div>

diff --git a/src/components/Editor/MediaUploader/index.jsx b/src/components/Editor/MediaUploader/index.jsx
@@ -83,7 +83,7 @@ const MediaUploader = ({ mediaUploader, onClose, editor, unsplashApiKey }) => {
           )}
           {activeTab === "link" && (
             <URLForm
-              placeholder={t("placeholders.pasteLink")}
+              placeholder={t("neetoEditor.placeholders.pasteLink")}
               buttonLabel={
                 mediaUploader.image ? "Upload image" : "Upload video"
               }

diff --git a/src/components/Editor/MediaUploader/utils.js b/src/components/Editor/MediaUploader/utils.js
@@ -16,20 +16,17 @@ export const buildImageOptions = () => [
   {
     Icon: LeftAlign,
     alignPos: "left",
-    optionName: t("menu.alignLeft"),
+    optionName: t("neetoEditor.menu.alignLeft"),
   },
   {
     Icon: CenterAlign,
     alignPos: "center",
-    optionName: t("menu.alignCenter"),
+    optionName: t("neetoEditor.menu.alignCenter"),
   },
   {
     Icon: RightAlign,
     alignPos: "right",
-    optionName: t("menu.alignRight"),
-  },
-  {
-    Icon: Delete,
-    optionName: t("menu.delete"),
+    optionName: t("neetoEditor.menu.alignRight"),
   },
+  { Icon: Delete, optionName: t("neetoEditor.menu.delete") },
 ];
diff --git a/src/components/Editor/Menu/Bubble/LinkOption.jsx b/src/components/Editor/Menu/Bubble/LinkOption.jsx
@@ -53,7 +53,7 @@ const LinkOption = ({ editor, handleClose, handleAnimateInvalidLink }) => {
         className="neeto-editor-bubble-menu-link__input"
         data-cy="neeto-editor-link-input"
         name="url"
-        placeholder={t("placeholders.linkInput")}
+        placeholder={t("neetoEditor.placeholders.linkInput")}
         value={link}
         onChange={({ target: { value } }) => setLink(value)}
       />