Full cleanup pass

app/components/controls/Upload/Upload.container.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { memo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
 import UploadView from "./Upload.view";
 import type { UploadProps } from "./Upload.types";
 
@@ -13,16 +14,20 @@ const UploadContainer = memo<UploadProps>(
     active = true,
     label,
     showHelpIcon = true,
-    hintText = "Add image from your device",
+    hintText,
     onClick,
     className = "",
   }) => {
+    const t = useTranslation("controlsChrome");
+
     return (
       <UploadView
         active={active}
         label={label}
         showHelpIcon={showHelpIcon}
-        hintText={hintText}
+        hintText={hintText ?? t("uploadHintDefault")}
+        uploadButtonLabel={t("uploadButton")}
+        uploadAriaLabel={t("uploadAriaLabel")}
         onClick={onClick}
         className={className}
       />

app/components/controls/Upload/Upload.types.ts

@@ -35,6 +35,8 @@ export interface UploadViewProps {
   label?: string;
   showHelpIcon: boolean;
   hintText: string;
+  uploadButtonLabel: string;
+  uploadAriaLabel: string;
   onClick?: () => void;
   className: string;
 }

app/components/controls/Upload/Upload.view.tsx

@@ -9,6 +9,8 @@ function UploadView({
   label,
   showHelpIcon = true,
   hintText,
+  uploadButtonLabel,
+  uploadAriaLabel,
   onClick,
   className = "",
 }: UploadViewProps) {
@@ -56,7 +58,7 @@ function UploadView({
           type="button"
           onClick={onClick}
           className={`${buttonBgClass} flex gap-[var(--measures-spacing-150,6px)] items-center justify-center overflow-clip px-[var(--space-400,16px)] py-[var(--measures-spacing-300,12px)] rounded-[var(--measures-radius-full,9999px)] shrink-0 hover:opacity-80 transition-opacity`}
-          aria-label="Upload"
+          aria-label={uploadAriaLabel}
         >
           {/* Upload icon */}
           <div className={`relative shrink-0 size-[20px] ${iconColor}`}>
@@ -98,7 +100,7 @@ function UploadView({
           <div
             className={`flex flex-col font-inter font-medium justify-center leading-[0] relative shrink-0 text-[length:var(--sizing-400,16px)] whitespace-nowrap ${buttonTextColor}`}
           >
-            <p className="leading-[20px]">Upload</p>
+            <p className="leading-[20px]">{uploadButtonLabel}</p>
           </div>
         </button>