feat(result-detail): add card title

ridhlab · Jan 2, 2024 · e9c66da · e9c66da
1 parent e78a156
commit e9c66da
Showing 1 changed file with 10 additions and 8 deletions.
diff --git 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>
     );
 };