From 3ca77cbbf4f953f4cc3b23976c917a869c12cc1c Mon Sep 17 00:00:00 2001
From: Tran Manh <manh@nimblehq.co>
Date: Wed, 19 Jul 2023 11:41:27 +0700
Subject: [PATCH] [#9] Remove the default flex-row

---
 src/components/Dashboard/Empty/index.tsx  |  2 +-
 src/components/Dashboard/Header/index.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Dashboard/Empty/index.tsx b/src/components/Dashboard/Empty/index.tsx
index 13a06f1..babb541 100644
--- a/src/components/Dashboard/Empty/index.tsx
+++ b/src/components/Dashboard/Empty/index.tsx
@@ -4,7 +4,7 @@ interface DashboardEmptyProps {
   'data-test-id'?: string;
 }
 
-const DashboardEmpty = ({ ...attributes }: DashboardEmptyProps): JSX.Element => {
+const DashboardEmpty = (attributes: DashboardEmptyProps): JSX.Element => {
   return (
     <div className="flex flex-col items-center" {...attributes}>
       <p className="text-[64px]">😎</p>
diff --git a/src/components/Dashboard/Header/index.tsx b/src/components/Dashboard/Header/index.tsx
index 285dba3..74c9b12 100644
--- a/src/components/Dashboard/Header/index.tsx
+++ b/src/components/Dashboard/Header/index.tsx
@@ -9,14 +9,14 @@ interface DashboardHeaderProps {
   children: React.ReactNode;
   'data-test-id'?: string;
 }
-const DashboardHeader = ({ dateTime, daysAgo, profileUrl, children, ...attributes }: DashboardHeaderProps): JSX.Element => {
+const DashboardHeader = ({ dateTime, daysAgo, profileUrl, children, ...rest }: DashboardHeaderProps): JSX.Element => {
   return (
-    <header className="flex flex-col min-h-screen" {...attributes}>
-      <div className="flex flex-row justify-between pt-8">
+    <header className="flex flex-col min-h-screen" {...rest}>
+      <div className="flex justify-between pt-8">
         <NimbleLogoWhite />
         <img className="w-[36px] h-[36px] rounded-full" src={profileUrl} alt="user avatar" />
       </div>
-      <div className="flex flex-row justify-between">
+      <div className="flex justify-between">
         <div className="w-1/5"></div>
         <div className="flex flex-col text-white mt-10 flex-1">
           <p className="text-x-small font-extrabold">{dateTime}</p>
@@ -24,7 +24,7 @@ const DashboardHeader = ({ dateTime, daysAgo, profileUrl, children, ...attribute
         </div>
         <div className="w-1/5"></div>
       </div>
-      <div className="flex flex-row justify-between mt-8 grow">
+      <div className="flex justify-between mt-8 grow">
         <div className="w-1/5"></div>
         <div className="flex-1">{children}</div>
         <div className="w-1/5"></div>