From e9c66dab8b4b7872ffd0bbc015db2396f3ac5f7a Mon Sep 17 00:00:00 2001
From: ridhlab <mohridwan1707@gmail.com>
Date: Tue, 2 Jan 2024 17:21:15 +0700
Subject: [PATCH] feat(result-detail): add card title

---
 src/pages/Result/Detail.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/Result/Detail.tsx b/src/pages/Result/Detail.tsx
index efbdf0d..6b86655 100644
--- a/src/pages/Result/Detail.tsx
+++ b/src/pages/Result/Detail.tsx
@@ -36,7 +36,7 @@ const DetailResultPredict: React.FC = () => {
     ];
 
     const mainContent = (
-        <Row gutter={20} justify="center">
+        <Row gutter={20} justify="start">
             <Col>
                 <Table
                     pagination={false}
@@ -63,13 +63,15 @@ const DetailResultPredict: React.FC = () => {
             title="Detail Predict"
             breadcrumbs={Breadcrumbs.Result.Detail(id)}
         >
-            <Card>
-                {query?.isLoading || query?.isFetching ? (
-                    <LoaderCenter />
-                ) : (
-                    mainContent
-                )}
-            </Card>
+            {query?.isLoading || query?.isFetching ? (
+                <LoaderCenter />
+            ) : (
+                <Card
+                    title={`Result predict for ${query?.data?.data?.result?.name}`}
+                >
+                    {mainContent}
+                </Card>
+            )}
         </MainLayout>
     );
 };