From 90bc6bc83ed16122f32df5457e641bccedbdef2e Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 7 Mar 2025 17:12:41 +0100
Subject: [PATCH] ui: restrict meta list to 1

---
 .../shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx      | 4 ++--
 frontend/app/components/shared/SessionItem/SessionItem.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx b/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
index b5fa32c74..c94f67310 100644
--- a/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
+++ b/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
@@ -15,7 +15,7 @@ export default function MetaMoreButton(props: Props) {
     <Popover
       render={() => (
         <div
-          className="text-sm grid grid-col p-4 gap-3 bg-white"
+          className="text-sm grid grid-col gap-3 bg-white"
           style={{ maxHeight: '200px', overflowY: 'auto' }}
         >
           {list.slice(maxLength).map(({ label, value }, index) => (
@@ -26,7 +26,7 @@ export default function MetaMoreButton(props: Props) {
       placement="bottom"
     >
       <div className="flex items-center">
-        <Button size={'small'} variant="text">
+        <Button type="link">
           +{list.length - maxLength}
           {' '}
           {t('More')}
diff --git a/frontend/app/components/shared/SessionItem/SessionItem.tsx b/frontend/app/components/shared/SessionItem/SessionItem.tsx
index 680ad0268..11151161a 100644
--- a/frontend/app/components/shared/SessionItem/SessionItem.tsx
+++ b/frontend/app/components/shared/SessionItem/SessionItem.tsx
@@ -288,7 +288,7 @@ function SessionItem(props: RouteComponentProps & Props) {
                   </div>
                 </div>
                 {_metaList.length > 0 && (
-                  <SessionMetaList metaList={_metaList} />
+                  <SessionMetaList maxLength={1} metaList={_metaList} />
                 )}
               </div>
             )}