CB-2851 change footer design for the blob types (#1390)

webapp/packages/core-localization/src/locales/en.ts

@@ -84,6 +84,7 @@ export const defaultENLocale = [
   ['ui_close_all_to_the_left', 'Close all to the Left'],
   ['ui_or', 'Or'],
   ['ui_download', 'Download'],
+  ['ui_view', 'View'],
   ['ui_limit', 'Limit'],
   ['ui_file_size', 'File size'],
   ['ui_processing_synchronization', 'Synchronization...'],

webapp/packages/core-localization/src/locales/it.ts

@@ -71,6 +71,7 @@ export const defaultITLocale = [
   ['ui_close_all_to_the_left', 'Close all to the Left'],
   ['ui_or', 'Or'],
   ['ui_download', 'Download'],
+  ['ui_view', 'View'],
   ['ui_limit', 'Limit'],
   ['ui_file_size', 'File size'],
   ['ui_processing_synchronization', 'Synchronization...'],

webapp/packages/core-localization/src/locales/ru.ts

@@ -82,6 +82,7 @@ export const defaultRULocale = [
   ['ui_close_all_to_the_left', 'Закрыть все слева'],
   ['ui_or', 'Или'],
   ['ui_download', 'Загрузить'],
+  ['ui_view', 'Смотреть'],
   ['ui_limit', 'Лимит'],
   ['ui_file_size', 'Размер файла'],
   ['ui_processing_synchronization', 'Синхронизация...'],

webapp/packages/core-localization/src/locales/zh.ts

@@ -84,6 +84,7 @@ export const defaultZHLocale = [
   ['ui_close_all_to_the_left', 'Close all to the Left'],
   ['ui_or', 'Or'],
   ['ui_download', 'Download'],
+  ['ui_view', 'View'],
   ['ui_limit', 'Limit'],
   ['ui_file_size', 'File size'],
   ['ui_processing_synchronization', 'Synchronization...'],

webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/DataGridContextMenu/DataGridContextMenuSaveContentService.ts

@@ -31,8 +31,8 @@ export class DataGridContextMenuSaveContentService {
       {
         id: this.getMenuContentSaveToken(),
         order: 4,
-        title: 'ui_processing_save',
-        icon: '/icons/save.svg',
+        title: 'ui_download',
+        icon: '/icons/export.svg',
         isPresent(context) {
           return context.contextType === DataGridContextMenuService.cellContext;
         },

webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ImageValue/ImageValuePresentation.tsx

@@ -67,16 +67,9 @@ const Tools = observer<IToolsProps>(function Tools({ loading, stretch, onToggleS
   return styled(VALUE_PANEL_TOOLS_STYLES)(
     <tools-container>
       {onSave && (
-        <tools>
-          <tools-action
-            as='button'
-            title={translate('ui_processing_save')}
-            disabled={loading}
-            onClick={onSave}
-          >
-            <IconOrImage icon='/icons/save.svg' />
-          </tools-action>
-        </tools>
+        <Button disabled={loading} onClick={onSave}>
+          {translate('ui_download')}
+        </Button>
       )}
       {onToggleStretch && (
         <tools>
@@ -204,7 +197,7 @@ export const ImageValuePresentation: TabContainerPanelComponent<IDataValuePanelP
                 content.activeElement, state.selectedCell)}
               onClick={load}
             >
-              {translate('ui_download')}
+              {translate('ui_view')}
             </Button>
           )}
         </QuotaPlaceholder>

webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/TextValue/TextValuePresentation.tsx

@@ -10,7 +10,7 @@ import { observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import styled, { css } from 'reshadow';
 
-import { BASE_CONTAINERS_STYLES, IconOrImage, Textarea, useObservableRef, useStyles, useTranslate } from '@cloudbeaver/core-blocks';
+import { BASE_CONTAINERS_STYLES, Button, Textarea, useObservableRef, useStyles, useTranslate } from '@cloudbeaver/core-blocks';
 import { useService } from '@cloudbeaver/core-di';
 import { NotificationService } from '@cloudbeaver/core-events';
 import { QuotasService } from '@cloudbeaver/core-root';
@@ -215,16 +215,9 @@ export const TextValuePresentation: TabContainerPanelComponent<IDataValuePanelPr
       {valueTruncated && <QuotaPlaceholder limit={limit} size={valueSize} />}
       {canSave && (
         <tools-container>
-          <tools>
-            <tools-action
-              as='button'
-              title={translate('ui_processing_save')}
-              disabled={model.isLoading()}
-              onClick={save}
-            >
-              <IconOrImage icon='/icons/save.svg' />
-            </tools-action>
-          </tools>
+          <Button disabled={model.isLoading()} onClick={save}>
+            {translate('ui_download')}
+          </Button>
         </tools-container>
       )}
     </container>

webapp/packages/plugin-data-viewer/src/ValuePanelPresentation/ValuePanelTools/VALUE_PANEL_TOOLS_STYLES.ts

@@ -11,7 +11,7 @@ import { css } from 'reshadow';
 export const VALUE_PANEL_TOOLS_STYLES = css`
   tools-container {
     display: flex;
-    justify-content: flex-end;
+    justify-content: space-between;
     gap: 8px;
   }
   tools {