Add internationalization support to the responses component

- when no instructions, instead of 'response preview', show em dash
- translate 'applied manually', use translations:{} prop

├── apps
│   └── editor
│       └── src
│           └── views
│               └── prompt
│                   └── frontend
│                       ├── Home
│                       │   └── Home.tsx
│                       ├── Main
│                       │   └── MainView
│                       │       └── MainView.tsx
│                       └── i18n
│                           └── translations
│                               ├── actions.ts
│                               ├── common.ts
│                               ├── configurations.ts
│                               ├── footer.ts
│                               ├── header.ts
│                               ├── home.ts
│                               ├── index.ts
│                               ├── main.ts
│                               ├── modals.ts
│                               ├── prompt-field.ts
│                               ├── recent-donations.ts
│                               └── selected-files.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt
                        └── Responses
                            ├── Responses.module.scss
                            ├── Responses.stories.tsx
                            └── Responses.tsx

Author: robertpiosik

apps/editor/src/views/prompt/frontend/Home/Home.tsx

@@ -217,6 +217,10 @@ export const Home: React.FC<Props> = (props) => {
                   on_response_history_item_remove={
                     props.on_response_history_item_remove
                   }
+                  translations={{
+                    applied_manually: t('common.applied-manually'),
+                    reject: t('action.reject')
+                  }}
                 />
               </div>
             )}

apps/editor/src/views/prompt/frontend/Main/MainView/MainView.tsx

@@ -278,6 +278,10 @@ export const MainView: React.FC<Props> = (props) => {
               on_response_history_item_remove={
                 props.on_response_history_item_remove
               }
+              translations={{
+                applied_manually: t('common.applied-manually'),
+                reject: t('action.reject')
+              }}
             />
           )}
 

apps/editor/src/views/prompt/frontend/i18n/translations/actions.ts

@@ -160,5 +160,23 @@ export const actions = {
     cs: 'Použít',
     hu: 'Alkalmaz',
     bg: 'Приложи'
+  },
+  'action.reject': {
+    en: 'Reject',
+    pl: 'Odrzuć',
+    'zh-cn': '拒绝',
+    ja: '拒否',
+    'zh-tw': '拒絕',
+    de: 'Ablehnen',
+    es: 'Rechazar',
+    fr: 'Rejeter',
+    'pt-br': 'Rejeitar',
+    ru: 'Отклонить',
+    ko: '거부',
+    it: 'Rifiuta',
+    tr: 'Reddet',
+    cs: 'Odmítnout',
+    hu: 'Elutasít',
+    bg: 'Отхвърляне'
   }
 } as const

apps/editor/src/views/prompt/frontend/i18n/translations/common.ts

@@ -34,5 +34,23 @@ export const common = {
     cs: 'Kontext je prázdný',
     hu: 'A kontextus üres',
     bg: 'Контекстът е празен'
+  },
+  'common.applied-manually': {
+    en: 'Applied manually',
+    pl: 'Zastosowano ręcznie',
+    'zh-cn': '手动应用',
+    ja: '手動で適用',
+    'zh-tw': '手動應用',
+    de: 'Manuell angewendet',
+    es: 'Aplicado manualmente',
+    fr: 'Appliqué manuellement',
+    'pt-br': 'Aplicado manualmente',
+    ru: 'Применено вручную',
+    ko: '수동으로 적용됨',
+    it: 'Applicato manualmente',
+    tr: 'Manuel olarak uygulandı',
+    cs: 'Ručně aplikováno',
+    hu: 'Manuálisan alkalmazva',
+    bg: 'Приложено ръчно'
   }
 } as const

packages/ui/src/components/editor/prompt/Responses/Responses.stories.tsx

@@ -47,6 +47,10 @@ export const Primary = () => {
       on_response_history_item_remove={(created_at) => {
         console.log('remove item', created_at)
       }}
+      translations={{
+        applied_manually: 'Applied manually',
+        reject: 'Reject'
+      }}
     />
   )
 }

packages/ui/src/components/editor/prompt/Responses/Responses.tsx

@@ -15,6 +15,10 @@ type Props = {
   on_response_history_item_remove: (created_at: number) => void
   selected_history_item_created_at?: number
   on_selected_history_item_change: (created_at: number) => void
+  translations?: {
+    applied_manually: string
+    reject: string
+  }
 }
 
 export const Responses: React.FC<Props> = (props) => {
@@ -72,7 +76,7 @@ export const Responses: React.FC<Props> = (props) => {
                     ]
                   }
                 >
-                  Response preview
+                  {props.translations?.applied_manually || 'Applied manually'}
                 </span>
               )}
             </div>
@@ -111,7 +115,7 @@ export const Responses: React.FC<Props> = (props) => {
               onClick={() => {
                 props.on_response_history_item_remove(item.created_at)
               }}
-              title="Reject"
+              title={props.translations?.reject || 'Reject'}
             >
               <span className="codicon codicon-close-small" />
             </button>