Theme and translations

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 }) => ({

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) {

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 (
     <ContextMenuPinnedApps app={app} isMine={!!app?.isMine}>
       <ButtonBase
@@ -112,7 +121,6 @@ const SortableItem = ({ id, name, app, isDesktop }) => {
                     width: '31px',
                     height: 'auto',
                   }}
-                  //   src={LogoSelected}
                   alt="center-icon"
                 />
               </Avatar>
@@ -120,7 +128,12 @@ const SortableItem = ({ id, name, app, isDesktop }) => {
           </AppCircle>
           {app?.isPrivate ? (
             <AppCircleLabel>
-              {`${app?.privateAppProperties?.appName || 'Private'}`}
+              {`${
+                app?.privateAppProperties?.appName ||
+                t('core:app_private', {
+                  postProcess: 'capitalizeFirstChar',
+                })
+              }`}
             </AppCircleLabel>
           ) : (
             <AppCircleLabel>{app?.metadata?.title || app?.name}</AppCircleLabel>

src/components/Apps/TabComponent.tsx

@@ -34,8 +34,8 @@ const TabComponent = ({ isSelected, app }) => {
           <NavCloseTab
             style={{
               position: 'absolute',
-              top: '-5px',
               right: '-5px',
+              top: '-5px',
               zIndex: 1,
             }}
           />

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 (
     <div>
       <Drawer
@@ -13,6 +16,7 @@ export const DrawerUserLookup = ({ open, setOpen, children }) => {
         hideBackdrop={true}
         open={open}
         onClose={toggleDrawer(false)}
+        sx={{ color: theme.palette.text.primary }}
       >
         <Box
           sx={{ width: '70vw', height: '100%', maxWidth: '1000px' }}

src/components/UserLookup.tsx/UserLookup.tsx

@@ -193,6 +193,9 @@ export const UserLookup = ({ isOpenDrawerLookup, setIsOpenDrawerLookup }) => {
             }}
             id="controllable-states-demo"
             loading={isLoading}
+            noOptionsText={t('core:option_no', {
+              postProcess: 'capitalizeFirstChar',
+            })}
             options={options}
             sx={{ width: 300 }}
             renderInput={(params) => (

src/i18n/locales/de/core.json

@@ -105,8 +105,9 @@
   "api": "API",
   "app": "app",
   "app_other": "apps",
-  "app_name": "app -Name",
+  "app_name": "aname der App",
-  "app_service_type": "app -Service -Typ",
+  "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",

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",

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",

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",

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",

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",

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": "最後",

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": "последний",

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": "最后的",