22 lines
1.1 KiB
JavaScript
22 lines
1.1 KiB
JavaScript
|
|
import { useState } from "react";
|
|
import CircuitStandSecondTab01 from "./circuitstandsecondtab/CircuitStandSecondTab01";
|
|
import CircuitStandSecondTab02 from "./circuitstandsecondtab/CircuitStandSecondTab02";
|
|
|
|
export default function CircuitStandTab02({setTabNum}){
|
|
const [secondTab, setSecondTab] = useState(1);
|
|
return(
|
|
<>
|
|
<div className="module-box-tab">
|
|
<button className={`module-btn ${secondTab === 1 ? 'act':''}`} onClick={() => setSecondTab(1)}>自動回路割り当て</button>
|
|
<button className={`module-btn ${secondTab === 2 ? 'act':''}`} onClick={() => setSecondTab(2)}>手動回路割当</button>
|
|
</div>
|
|
{secondTab === 1 && <CircuitStandSecondTab01/>}
|
|
{secondTab === 2 && <CircuitStandSecondTab02/>}
|
|
<div className="grid-btn-wrap">
|
|
<button className="btn-frame modal mr5" onClick={() => setTabNum(1)}>以前</button>
|
|
<button className="btn-frame modal act" onClick={() => setTabNum(3)}>保存</button>
|
|
</div>
|
|
</>
|
|
)
|
|
} |