[#9] Remove the default flex-row

manh-t · Jul 19, 2023 · 3ca77cb · 3ca77cb
1 parent ac95069
commit 3ca77cb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -9,22 +9,22 @@ 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>
           <p className="text-x-large font-extrabold mt-1">{daysAgo}</p>
         </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>