From 37c3f0fba7d49d6ebdc50d444e694887a3e47269 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Sat, 11 Jun 2022 09:33:25 +0430
Subject: [PATCH] update
 src/components/ButtonDesign/ButtonNextToEachOther/index.js and
 src/components/Datepicker/CalenderList/index.js

---
 .../ButtonNextToEachOther/index.js            | 45 ++++++++++++-------
 .../Datepicker/CalenderList/index.js          |  2 +
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/components/ButtonDesign/ButtonNextToEachOther/index.js b/src/components/ButtonDesign/ButtonNextToEachOther/index.js
index f574d07..ad47d8f 100644
--- a/src/components/ButtonDesign/ButtonNextToEachOther/index.js
+++ b/src/components/ButtonDesign/ButtonNextToEachOther/index.js
@@ -1,26 +1,16 @@
 import React from "react";
 import Button from "../Button";
 
-const ButtonNextToEachOther = () => {
+const ButtonNextToEachOther = ({ buttons }) => {
   return (
     <div className="flex flex-row">
       <div className="flex flex-row">
-        <Button
-          text={"روز"}
-          className="w-16 text-primaryText text-lg  border border-primary px-4 py-2 rounded-tr-lg rounded-br-lg"
-        />
-        <Button
-          text={"هفته"}
-          className="w-16 text-primaryText text-lg  border border-primary px-4 py-2"
-        />
-        <Button
-          text={"ماه"}
-          className="w-16 text-primaryText text-lg  border border-primary px-4 py-2"
-        />
-        <Button
-          text={"سال"}
-          className="w-16 text-primaryText text-lg  border border-primary px-4 py-2 rounded-tl-lg rounded-bl-lg"
-        />
+        {buttons.map((button, i) => (
+          <Button
+            text={button.title}
+            className={`${button.className} w-16 text-primaryText text-lg  border border-primary px-4 py-2`}
+          />
+        ))}
       </div>
       <div className="flex flex-row mr-5">
         <Button
@@ -33,3 +23,24 @@ const ButtonNextToEachOther = () => {
 };
 
 export default ButtonNextToEachOther;
+
+ButtonNextToEachOther.defaultProps = {
+  buttons: [
+    {
+      title: "روز",
+      className: "rounded-tr-lg rounded-br-lg",
+    },
+    {
+      title: "هفته",
+      className: "",
+    },
+    {
+      title: "ماه",
+      className: "",
+    },
+    {
+      title: "سال",
+      className: "rounded-tl-lg rounded-bl-lg",
+    },
+  ],
+};
diff --git a/src/components/Datepicker/CalenderList/index.js b/src/components/Datepicker/CalenderList/index.js
index 905ad69..b6e8e53 100644
--- a/src/components/Datepicker/CalenderList/index.js
+++ b/src/components/Datepicker/CalenderList/index.js
@@ -22,3 +22,5 @@ const CalenderList = () => {
 };
 
 export default CalenderList;
+
+CalenderList.defaultProps = {};