From 709204b2bc9d9ed08e2245cbb084482f5908ab3a Mon Sep 17 00:00:00 2001
From: NamH <NamNh0122@gmail.com>
Date: Wed, 7 Aug 2024 23:06:15 +0700
Subject: [PATCH] fix: migration item in setting detail omit buttons (#3298)

Signed-off-by: James <namnh0122@gmail.com>
---
 web/containers/Layout/BottomPanel/DownloadingStatus/index.tsx | 1 +
 web/screens/Settings/Advanced/components/DataMigration.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/containers/Layout/BottomPanel/DownloadingStatus/index.tsx b/web/containers/Layout/BottomPanel/DownloadingStatus/index.tsx
index fbf56349f..2302728a9 100644
--- a/web/containers/Layout/BottomPanel/DownloadingStatus/index.tsx
+++ b/web/containers/Layout/BottomPanel/DownloadingStatus/index.tsx
@@ -42,6 +42,7 @@ const DownloadStatus: React.FC = () => {
 
   const downloadTitle = `Downloading ${downloadStates
     .map((state) => state.type)
+    .filter((value, index, self) => self.indexOf(value) === index)
     .join(', ')
     .trim()}`
 
diff --git a/web/screens/Settings/Advanced/components/DataMigration.tsx b/web/screens/Settings/Advanced/components/DataMigration.tsx
index 624503021..1fdcc975a 100644
--- a/web/screens/Settings/Advanced/components/DataMigration.tsx
+++ b/web/screens/Settings/Advanced/components/DataMigration.tsx
@@ -41,7 +41,7 @@ const DataMigration: React.FC = () => {
 
   return (
     <div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row">
-      <div className="flex-shrink-0 space-y-1">
+      <div className="space-y-1">
         <div className="flex gap-x-2">
           <h6 className="font-semibold capitalize">
             Migrate data from old version of Jan app
@@ -52,7 +52,7 @@ const DataMigration: React.FC = () => {
           using the remove threads button to clean up existing threads data
         </p>
       </div>
-      <div className="flex flex-row gap-x-2">
+      <div className="flex flex-shrink-0 flex-row gap-x-2">
         <Button theme="primary" onClick={onStartMigrationClick}>
           Start migration
         </Button>