[bug]: Replacing a language JSON file in the main local repo doesn't update the Web UI

[Harvester62]

Is there an existing issue for this?

• I have searched the existing issues

OS

Windows

GPU

cuda

VRAM

8GB

What happened?

I replaced the it.json file inside my local "repo root" in C:\InvokeAI_test\InvokeAI\invokeai\frontend\web\public\locales to review the recent translations I made, but after running the backend in C:\invokeai_23 (option 2) and then a "yarn dev" in the "repo root" in C:\InvokeAI_test\InvokeAI\invokeai\frontend\web the new translated labels didn't show up in the Web UI.

Furthermore, the first icon on top doesn't have or show any label. No error messages are displayed in the consoles (see screenshots below).

Screenshots

Additional context

No response

Contact Details

No response

[Harvester62]

Just a brief update. The source of this issue is the file C:\InvokeAI_test\InvokeAI\invokeai\frontend\web\src\features\lightbox\components\ReactPanZoomButtons.tsx which needs to get the tooltip to be updated to point at the proper translated term. Below is just an example of the first occurrence in the file, and the related corrected version:

  <IAIIconButton
    icon={<BiZoomIn />}
    aria-label={t('accessibility.zoomIn')}
    tooltip="Zoom In"
    onClick={() => zoomIn()}
    fontSize={20}
  />
  
  <IAIIconButton
    icon={<BiZoomIn />}
    aria-label={t('accessibility.zoomIn')}
    tooltip={t('accessibility.zoomIn')}
    onClick={() => zoomIn()}
    fontSize={20}
  />

Unless other files need to be touched, the above correction seems to fix the problem. The following is a screenshot of the Viewer menu after the above changes were applied, in the dev version of my local InvokeAI cloned repo:

[psychedelicious]

thanks :) fix in #3037