diff --git a/src/components/Apps/Apps-styles.tsx b/src/components/Apps/Apps-styles.tsx index 549282b..55ed470 100644 --- a/src/components/Apps/Apps-styles.tsx +++ b/src/components/Apps/Apps-styles.tsx @@ -3,25 +3,20 @@ import { styled } from '@mui/system'; export const AppsParent = styled(Box)(({ theme }) => ({ alignItems: 'center', + backgroundColor: theme.palette.background.default, + color: theme.palette.text.primary, display: 'flex', flexDirection: 'column', height: '100%', + msOverflowStyle: 'none', // Hides scrollbar in IE and Edge overflow: 'auto', + scrollbarWidth: 'none', // Hides the scrollbar in Firefox width: '100%', // For WebKit-based browsers (Chrome, Safari, etc.) '::-webkit-scrollbar': { width: '0px', // Set the width to 0 to hide the scrollbar height: '0px', // Set the height to 0 for horizontal scrollbar }, - - // For Firefox - scrollbarWidth: 'none', // Hides the scrollbar in Firefox - - // Optional for better cross-browser consistency - msOverflowStyle: 'none', // Hides scrollbar in IE and Edge - - backgroundColor: theme.palette.background.default, - color: theme.palette.text.primary, })); export const AppsContainer = styled(Box)(({ theme }) => ({ diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx index 6a7d923..4bb7fa1 100644 --- a/src/components/Apps/AppsHomeDesktop.tsx +++ b/src/components/Apps/AppsHomeDesktop.tsx @@ -97,6 +97,8 @@ export const AppsHomeDesktop = ({ placeholder="qortal://" sx={{ width: '100%', + backgroundColor: theme.palette.background.surface, + borderRadius: '7px', color: theme.palette.text.primary, '& .MuiInput-input::placeholder': { color: theme.palette.text.secondary, @@ -110,7 +112,6 @@ export const AppsHomeDesktop = ({ '&:focus': { outline: 'none', }, - // Add any additional styles for the input here }} onKeyDown={(e) => { if (e.key === 'Enter' && qortalUrl) { diff --git a/src/components/Apps/SortablePinnedApps.tsx b/src/components/Apps/SortablePinnedApps.tsx index aef692d..edb4fae 100644 --- a/src/components/Apps/SortablePinnedApps.tsx +++ b/src/components/Apps/SortablePinnedApps.tsx @@ -27,6 +27,7 @@ import { ContextMenuPinnedApps } from '../ContextMenuPinnedApps'; import LockIcon from '@mui/icons-material/Lock'; import { useHandlePrivateApps } from '../../hooks/useHandlePrivateApps'; import { useAtom, useSetAtom } from 'jotai'; +import { useTranslation } from 'react-i18next'; const SortableItem = ({ id, name, app, isDesktop }) => { const { openApp } = useHandlePrivateApps(); @@ -46,6 +47,14 @@ const SortableItem = ({ id, name, app, isDesktop }) => { transition, }; + const { t } = useTranslation([ + 'auth', + 'core', + 'group', + 'question', + 'tutorial', + ]); + return ( { width: '31px', height: 'auto', }} - // src={LogoSelected} alt="center-icon" /> @@ -120,7 +128,12 @@ const SortableItem = ({ id, name, app, isDesktop }) => { {app?.isPrivate ? ( - {`${app?.privateAppProperties?.appName || 'Private'}`} + {`${ + app?.privateAppProperties?.appName || + t('core:app_private', { + postProcess: 'capitalizeFirstChar', + }) + }`} ) : ( {app?.metadata?.title || app?.name} diff --git a/src/components/Apps/TabComponent.tsx b/src/components/Apps/TabComponent.tsx index a7584c0..6aca3a9 100644 --- a/src/components/Apps/TabComponent.tsx +++ b/src/components/Apps/TabComponent.tsx @@ -34,8 +34,8 @@ const TabComponent = ({ isSelected, app }) => { diff --git a/src/components/Drawer/DrawerUserLookup.tsx b/src/components/Drawer/DrawerUserLookup.tsx index 9f8427a..962142e 100644 --- a/src/components/Drawer/DrawerUserLookup.tsx +++ b/src/components/Drawer/DrawerUserLookup.tsx @@ -1,3 +1,4 @@ +import { useTheme } from '@mui/material'; import Box from '@mui/material/Box'; import Drawer from '@mui/material/Drawer'; @@ -6,6 +7,8 @@ export const DrawerUserLookup = ({ open, setOpen, children }) => { setOpen(newOpen); }; + const theme = useTheme(); + return (
{ hideBackdrop={true} open={open} onClose={toggleDrawer(false)} + sx={{ color: theme.palette.text.primary }} > { }} id="controllable-states-demo" loading={isLoading} + noOptionsText={t('core:option_no', { + postProcess: 'capitalizeFirstChar', + })} options={options} sx={{ width: 300 }} renderInput={(params) => ( diff --git a/src/i18n/locales/de/core.json b/src/i18n/locales/de/core.json index ec4e25e..0d9840c 100644 --- a/src/i18n/locales/de/core.json +++ b/src/i18n/locales/de/core.json @@ -105,8 +105,9 @@ "api": "API", "app": "app", "app_other": "apps", - "app_name": "app -Name", - "app_service_type": "app -Service -Typ", + "app_name": "aname der App", + "app_private": "privat", + "app_service_type": "app-Diensttyp", "apps_dashboard": "apps Dashboard", "apps_official": "offizielle Apps", "attachment": "anhang", @@ -319,6 +320,7 @@ "none": "keiner", "note": "notiz", "option": "option", + "option_no": "keine Optionen", "option_other": "optionen", "page": { "last": "zuletzt", diff --git a/src/i18n/locales/en/core.json b/src/i18n/locales/en/core.json index 0f38ee5..aa6f209 100644 --- a/src/i18n/locales/en/core.json +++ b/src/i18n/locales/en/core.json @@ -109,6 +109,7 @@ "app": "app", "app_other": "apps", "app_name": "app name", + "app_private": "private", "app_service_type": "app service type", "apps_dashboard": "apps Dashboard", "apps_official": "official Apps", @@ -322,6 +323,7 @@ "none": "none", "note": "note", "option": "option", + "option_no": "no options", "option_other": "options", "page": { "last": "last", diff --git a/src/i18n/locales/es/core.json b/src/i18n/locales/es/core.json index f4d5995..d56577d 100644 --- a/src/i18n/locales/es/core.json +++ b/src/i18n/locales/es/core.json @@ -106,6 +106,7 @@ "app": "aplicación", "app_other": "aplicaciones", "app_name": "nombre de la aplicación", + "app_private": "privada", "app_service_type": "tipo de servicio de aplicaciones", "apps_dashboard": "panel de aplicaciones", "apps_official": "aplicaciones oficiales", @@ -319,6 +320,7 @@ "none": "ninguno", "note": "nota", "option": "opción", + "option_no": "sin opción", "option_other": "opción", "page": { "last": "último", diff --git a/src/i18n/locales/fr/core.json b/src/i18n/locales/fr/core.json index 8f94a3d..0dcca9d 100644 --- a/src/i18n/locales/fr/core.json +++ b/src/i18n/locales/fr/core.json @@ -107,6 +107,7 @@ "app": "appliquer", "app_other": "applications", "app_name": "nom de l'application", + "app_private": "privé", "app_service_type": "type de service d'application", "apps_dashboard": "tableau de bord Apps", "apps_official": "applications officielles", @@ -320,6 +321,7 @@ "none": "aucun", "note": "note", "option": "option", + "option_no": "aucune option", "option_other": "options", "page": { "last": "dernier", diff --git a/src/i18n/locales/it/core.json b/src/i18n/locales/it/core.json index cca7b1f..b737add 100644 --- a/src/i18n/locales/it/core.json +++ b/src/i18n/locales/it/core.json @@ -27,7 +27,7 @@ "copy_link": "copia link", "create_apps": "crea app", "create_file": "crea file", - "create_transaction": "crea transazioni sulla blockchain Qortal", + "create_transaction": "creare transazioni sulla blockchain Qortal", "create_thread": "crea thread", "decline": "rifiuta", "decrypt": "decripta", @@ -109,8 +109,9 @@ "app": "app", "app_other": "app", "app_name": "nome app", + "app_private": "privata", "app_service_type": "tipo di servizio app", - "apps_dashboard": "dashboard di app", + "apps_dashboard": "dashboard delle app", "apps_official": "app ufficiali", "attachment": "allegato", "balance": "bilancia:", @@ -322,6 +323,7 @@ "none": "nessuno", "note": "nota", "option": "opzione", + "option_no": "nessuna opzione", "option_other": "opzioni", "page": { "last": "scorso", diff --git a/src/i18n/locales/it/tutorial.json b/src/i18n/locales/it/tutorial.json index 96fc539..cc3ced5 100644 --- a/src/i18n/locales/it/tutorial.json +++ b/src/i18n/locales/it/tutorial.json @@ -6,11 +6,11 @@ "account_creation": "creazione dell'account", "important_info": "informazioni importanti", "apps": { - "dashboard": "1. Dashboard di app", + "dashboard": "1. Dashboard delle app", "navigation": "2. Navigazione delle app" }, "initial": { - "recommended_qort_qty": "avere almeno {{ quantity }} QORT nel tuo wallet", + "recommended_qort_qty": "avere almeno {{ quantity }} QORT nel proprio wallet", "explore": "esplora", "general_chat": "chat generale", "getting_started": "come iniziare", diff --git a/src/i18n/locales/ja/core.json b/src/i18n/locales/ja/core.json index 8da57d7..9194451 100644 --- a/src/i18n/locales/ja/core.json +++ b/src/i18n/locales/ja/core.json @@ -106,6 +106,7 @@ "app": "アプリ", "app_other": "アプリ", "app_name": "アプリ名", + "app_private": "プライベート", "app_service_type": "アプリサービスタイプ", "apps_dashboard": "アプリダッシュボード", "apps_official": "公式アプリ", @@ -319,6 +320,7 @@ "none": "なし", "note": "注記", "option": "オプション", + "option_no": "オプションなし", "option_other": "オプション", "page": { "last": "最後", diff --git a/src/i18n/locales/ru/core.json b/src/i18n/locales/ru/core.json index c9f0db1..d5e4f61 100644 --- a/src/i18n/locales/ru/core.json +++ b/src/i18n/locales/ru/core.json @@ -106,6 +106,7 @@ "app": "приложение", "app_other": "приложения", "app_name": "Название приложения", + "app_private": "частное", "app_service_type": "Тип службы приложений", "apps_dashboard": "приложения панель панели", "apps_official": "официальные приложения", @@ -320,6 +321,7 @@ "none": "никто", "note": "примечание", "option": "вариант", + "option_no": "выбора нет", "option_other": "параметры", "page": { "last": "последний", diff --git a/src/i18n/locales/zh/core.json b/src/i18n/locales/zh/core.json index 1b66a19..58ac531 100644 --- a/src/i18n/locales/zh/core.json +++ b/src/i18n/locales/zh/core.json @@ -106,6 +106,7 @@ "app": "应用程序", "app_other": "应用", "app_name": "应用名称", + "app_private": "私人应用程序", "app_service_type": "应用服务类型", "apps_dashboard": "应用仪表板", "apps_official": "官方应用程序", @@ -319,6 +320,7 @@ "none": "没有任何", "note": "笔记", "option": "选项", + "option_no": "没有选择", "option_other": "选项", "page": { "last": "最后的",