feat: enhance UI for shared bases and trash pages with improved layout and descriptions

Author: younocode

apps/nextjs-app/src/features/app/blocks/space/SharedBasePage.tsx

@@ -12,8 +12,13 @@ export const SharedBasePage = () => {
   });
   const { t } = useTranslation(spaceConfig.i18nNamespaces);
   return (
-    <div className="flex h-full min-w-0 flex-1 flex-col gap-6 px-12 py-8">
-      <h2 className="shrink-0 text-2xl font-semibold">{t('space:sharedBase.title')}</h2>
+    <div className="flex h-screen flex-1 flex-col space-y-4 overflow-hidden p-8">
+      <div className="flex flex-col items-start justify-between gap-2">
+        <h1 className="text-2xl font-semibold">{t('space:sharedBase.title')}</h1>
+        <p className="shrink-0 grow-0 text-left text-sm text-zinc-500">
+          {t('space:sharedBase.description')}
+        </p>
+      </div>
       <div className="min-h-0 flex-1">
         {sharedBases && sharedBases.length > 0 ? (
           <BaseList baseIds={sharedBases.map((base) => base.id)} />

apps/nextjs-app/src/features/app/blocks/trash/SpaceInnerTrashPage.tsx

@@ -186,16 +186,14 @@ export const SpaceInnerTrashPage = () => {
   if (!isHydrated || isLoading) return null;
 
   return (
-    <div className="flex h-screen flex-1 flex-col space-y-4 overflow-hidden py-8">
-      <div className="flex items-center justify-between px-8">
+    <div className="flex h-screen flex-1 flex-col space-y-4 overflow-hidden p-8">
+      <div className="flex flex-col items-start justify-between gap-2">
         <h1 className="text-2xl font-semibold">{t('noun.trash')}</h1>
+        <p className="shrink-0 grow-0 text-left text-sm text-zinc-500">
+          {t('space:trash.baseDescription')}
+        </p>
       </div>
-      <InfiniteTable
-        rows={allRows}
-        columns={columns}
-        className="px-8"
-        fetchNextPage={fetchNextPageInner}
-      />
+      <InfiniteTable rows={allRows} columns={columns} fetchNextPage={fetchNextPageInner} />
       <ConfirmDialog
         open={isConfirmVisible}
         onOpenChange={setConfirmVisible}

apps/nextjs-app/src/features/app/blocks/trash/SpaceTrashPage.tsx

@@ -185,16 +185,14 @@ export const SpaceTrashPage = () => {
   if (!isHydrated || isLoading) return null;
 
   return (
-    <div className="flex h-screen flex-1 flex-col space-y-4 overflow-hidden py-8">
-      <div className="flex items-center justify-between px-8">
+    <div className="flex h-screen flex-1 flex-col space-y-4 overflow-hidden p-8">
+      <div className="flex flex-col items-start justify-between gap-2 ">
         <h1 className="text-2xl font-semibold">{t('noun.trash')}</h1>
+        <p className="shrink-0 grow-0 text-left text-sm text-zinc-500">
+          {t('space:trash.spaceDescription')}
+        </p>
       </div>
-      <InfiniteTable
-        rows={allRows}
-        columns={columns}
-        className="px-8"
-        fetchNextPage={fetchNextPageInner}
-      />
+      <InfiniteTable rows={allRows} columns={columns} fetchNextPage={fetchNextPageInner} />
       <ConfirmDialog
         open={isConfirmVisible}
         onOpenChange={setConfirmVisible}

packages/common-i18n/src/locales/de/space.json

@@ -61,9 +61,13 @@
   },
   "sharedBase": {
     "title": "Geteilte Bases",
-    "description": "Die mit Ihnen geteilten Bases werden hier erscheinen",
+    "description": "Alle Bases, zu denen ich eingeladen wurde",
     "empty": "Noch keine geteilten Bases"
   },
+  "trash": {
+    "spaceDescription": "Alle gelöschten Spaces in dieser Instanz",
+    "baseDescription": "Alle gelöschten Bases in diesem Space"
+  },
   "integration": {
     "title": "Integrationen",
     "description": "Verwalten Sie die Integrationen Ihres Spaces",

packages/common-i18n/src/locales/en/space.json

@@ -65,9 +65,13 @@
   },
   "sharedBase": {
     "title": "Shared with me",
-    "description": "Bases shared with me will appear here",
+    "description": "All the bases that invited me to join",
     "empty": "No bases shared with me yet"
   },
+  "trash": {
+    "spaceDescription": "All deleted spaces under this instance",
+    "baseDescription": "All deleted bases under this space"
+  },
   "integration": {
     "title": "Integrations",
     "description": "Manage integrations of your space",

packages/common-i18n/src/locales/es/space.json

@@ -61,9 +61,13 @@
   },
   "sharedBase": {
     "title": "Bases compartidas",
-    "description": "Las bases compartidas contigo aparecerán aquí",
+    "description": "Todas las bases a las que me invitaron a unirme",
     "empty": "Aún no hay bases compartidas"
   },
+  "trash": {
+    "spaceDescription": "Todos los espacios eliminados en esta instancia",
+    "baseDescription": "Todas las bases eliminadas en este espacio"
+  },
   "integration": {
     "title": "Integración",
     "description": "Administrar integraciones de su espacio",

packages/common-i18n/src/locales/fr/space.json

@@ -59,6 +59,15 @@
     "permanentDeleteWarning": "Cette action supprimera définitivement toutes les ressources et données de l'espace actuel. Veuillez procéder avec prudence !",
     "confirmInputLabel": "Veuillez taper DELETE pour confirmer la suppression"
   },
+  "sharedBase": {
+    "title": "Partagé avec moi",
+    "description": "Toutes les bases auxquelles j'ai été invité à rejoindre",
+    "empty": "Aucune base partagée avec moi pour le moment"
+  },
+  "trash": {
+    "spaceDescription": "Tous les espaces supprimés dans cette instance",
+    "baseDescription": "Toutes les bases supprimées dans cet espace"
+  },
   "integration": {
     "title": "Intégrations",
     "description": "Gérer les intégrations de votre espace",

packages/common-i18n/src/locales/it/space.json

@@ -61,7 +61,11 @@
   },
   "sharedBase": {
     "title": "Basi condivise",
-    "description": "Le basi condivise con te appariranno qui",
+    "description": "Tutte le basi a cui sono stato invitato a partecipare",
     "empty": "Nessuna base condivisa ancora"
+  },
+  "trash": {
+    "spaceDescription": "Tutti gli spazi eliminati in questa istanza",
+    "baseDescription": "Tutte le basi eliminate in questo spazio"
   }
 }

packages/common-i18n/src/locales/ja/space.json

@@ -61,9 +61,13 @@
   },
   "sharedBase": {
     "title": "共有ベース",
-    "description": "共有されたベースはここに表示されます",
+    "description": "参加を招待されたすべてのベース",
     "empty": "共有ベースはまだありません"
   },
+  "trash": {
+    "spaceDescription": "このインスタンス内のすべての削除されたスペース",
+    "baseDescription": "このスペース内のすべての削除されたベース"
+  },
   "integration": {
     "title": "インテグレーション",
     "description": "空間のインテグレーションを管理",

packages/common-i18n/src/locales/ru/space.json

@@ -61,9 +61,13 @@
   },
   "sharedBase": {
     "title": "Общие базы",
-    "description": "Базы, которыми с вами поделились, будут отображаться здесь",
+    "description": "Все базы, в которые меня пригласили",
     "empty": "Общих баз пока нет"
   },
+  "trash": {
+    "spaceDescription": "Все удалённые пространства в этом экземпляре",
+    "baseDescription": "Все удалённые базы в этом пространстве"
+  },
   "integration": {
     "title": "Интеграции",
     "description": "Управление интеграциями вашего пространства",