searchBaseForm 버튼 순서 변경 파라미터 추가

packages/common/business_components/src/ui/chart/DoubleBar.tsx

@@ -83,7 +83,6 @@ export default function DoubleBarChart({chartConfig=undefined, chartData=[], cha
         .map(key => item[key])
     ).flat());
   };
-  console.log(chartData);
   const barMaxValue = getMaxValue(chartData, 'barVal');
   return (
     <>

packages/common/business_components/src/ui/search_base_form/index.tsx

@@ -24,6 +24,7 @@ type SearchBaseType = {
     rightClassName?: string;
     leftClassName?: string;
     leftSelectClassName?: string;
+    buttonOrder?: ("query" | "init" | "excel")[];
 }
 export type ReturnType = {
     partValue: string;
@@ -55,7 +56,8 @@ function SearchBaseForm ({
     isAdmin=false,
     rightClassName,
     leftClassName,
-    leftSelectClassName
+    leftSelectClassName,
+    buttonOrder
     }: SearchBaseType) {
         const [partValue, setPartValue] = useState<string>("A");
         const [sidoValue, setSidoValue] = useState<string>("0");
@@ -67,6 +69,30 @@ function SearchBaseForm ({
         const [middleRegionValue, setMiddleRegionValue] = useState<string>("0");
         const [envPartValue, setEnvPartValue] = useState<string>("0");
         const [resetTrigger, setResetTrigger] = useState(false);
+        const renderButton = (type: "query" | "init" | "excel") => {
+          switch (type) {
+            case "query":
+              return (
+                <Button className={btnClass} onClick={queryVal} key="query">
+                  조회
+                </Button>
+              );
+            case "init":
+              return (
+                <Button className={btnClass} onClick={initVal} key="init">
+                  초기화
+                </Button>
+              );
+            case "excel":
+              return (
+                <Button className={btnClass} color="green" onClick={excelDownload} key="excel">
+                  {excelName ? excelName : "엑셀다운로드"}
+                </Button>
+              );
+            default:
+              return null;
+          }
+        };
         const queryVal = () => {
             console.log("조회버튼 클릭");
             queryClick({
@@ -145,16 +171,8 @@ function SearchBaseForm ({
             {leftChildren}
           </SearchFormLeft>
           <SearchFormRight className={rightClassName}>
-            <Button className={btnClass} color="green" onClick={excelDownload}>
-              {excelName?excelName:"엑셀다운로드"}
-            </Button>
             <div>
-              <Button className={btnClass} onClick={initVal}>
-                초기화
-              </Button>
-              <Button className={btnClass} onClick={queryVal}>
-                조회
-              </Button>
+              {(buttonOrder ?? ["excel", "init", "query"]).map(renderButton)}
             </div>
             {rightChildren}
           </SearchFormRight>