translate to norsk

src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/index.tsx

@@ -21,7 +21,7 @@ import { getObjectsFromFilelist } from "@/helpers/get-objects-from-filelist";
 import useUploadFlow from "@/hooks/flows/use-upload-flow";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { useIsFetching, useIsMutating } from "@tanstack/react-query";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState, useTransition } from "react";
 import { useLocation, useParams } from "react-router-dom";
 import { FolderType } from "../../../../../pages/MainPage/entities";
 import useAlertStore from "../../../../../stores/alertStore";
@@ -66,6 +66,7 @@ const SideBarFoldersButtonsComponent = ({
   const folderIdDragging = useFolderStore((state) => state.folderIdDragging);
   const myCollectionId = useFolderStore((state) => state.myCollectionId);
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
+  const { t } = useTransition()
 
   const folderId = useParams().folderId ?? myCollectionId ?? "";
 
@@ -191,7 +192,7 @@ const SideBarFoldersButtonsComponent = ({
     mutateAddFolder(
       {
         data: {
-          name: "New Folder",
+          name: t("folder.newFolder"),
           parent_id: null,
           description: "",
         },

src/frontend/src/i18n/locales/en/translation.json

@@ -257,6 +257,7 @@
     "keyboardShortcut": "Keyboard Shortcut"
   },
   "folder": {
+    "newFolder": "New Folder",
     "empty": "Empty folder",
     "startBuilding": "Start building",
     "beginTemplate": "Begin with a template, or start from scratch",

src/frontend/src/i18n/locales/no/translation.json

@@ -250,6 +250,7 @@
     }
   },
   "folder": {
+    "newFolder": "Ny Mappe",
     "empty": "Tom mappe",
     "startBuilding": "Start å bygge",
     "beginTemplate": "Begynn med en mal, eller start fra bunnen av.",

src/frontend/src/pages/MainPage/components/header/index.tsx

@@ -150,7 +150,7 @@ const HeaderComponent = ({
                   className="h-4 w-4"
                 />
                 <span className="hidden whitespace-nowrap font-semibold md:inline">
-                  New Flow
+                  {t("flows.newFlow")}
                 </span>
               </Button>
             </ShadTooltip>

src/frontend/src/pages/MainPage/oldComponents/myCollectionComponent/components/inputSearchComponent/index.tsx

@@ -1,6 +1,7 @@
 import { ChangeEvent, KeyboardEvent } from "react";
 import ForwardedIconComponent from "../../../../../../components/common/genericIconComponent";
 import { Input } from "../../../../../../components/ui/input";
+import { useTranslation } from "react-i18next";
 
 type InputSearchComponentProps = {
   loading: boolean;
@@ -20,14 +21,15 @@ const InputSearchComponent = ({
   onKeyDown,
 }: InputSearchComponentProps) => {
   const pagePath = window.location.pathname;
+  const { t } = useTranslation();
 
   const getSearchPlaceholder = () => {
     if (pagePath.includes("flows")) {
-      return "Search Flows";
+      return t("flows.search");
     } else if (pagePath.includes("components")) {
-      return "Search Components";
+      return t("components.search");
     } else {
-      return "Search Flows and Components";
+      return t("mainPage.header.search");
     }
   };
 

src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx

@@ -3,6 +3,7 @@ import ForwardedIconComponent from "@/components/common/genericIconComponent";
 import { Button } from "@/components/ui/button";
 import { ENABLE_NEW_LOGO } from "@/customization/feature-flags";
 import { useFolderStore } from "@/stores/foldersStore";
+import { useTranslation } from "react-i18next";
 
 type EmptyPageProps = {
   setOpenModal: (open: boolean) => void;
@@ -10,6 +11,7 @@ type EmptyPageProps = {
 
 export const EmptyPage = ({ setOpenModal }: EmptyPageProps) => {
   const folders = useFolderStore((state) => state.folders);
+  const { t } = useTranslation();
 
   return (
     <div className="m-0 h-full w-full bg-secondary p-0">
@@ -27,7 +29,7 @@ export const EmptyPage = ({ setOpenModal }: EmptyPageProps) => {
             {folders?.length > 1 ? "Empty folder" : "Start building"}
           </h3>
           <p className="pb-5 text-sm text-secondary-foreground">
-            Begin with a template, or start from scratch.
+            {t("folder.beginTemplate")}
           </p>
           <Button
             variant="default"
@@ -40,7 +42,7 @@ export const EmptyPage = ({ setOpenModal }: EmptyPageProps) => {
               className="h-4 w-4"
             />
             <span className="hidden whitespace-nowrap font-semibold md:inline">
-              New Flow
+              {t("flows.newFlow")}
             </span>
           </Button>
         </div>