crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 04:14:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Tab Common

Browse Source
This commit is contained in:
sonnguyenkieio 2021-09-07 10:24:48 +07:00
parent 3f23005064
commit bac30213c8
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/TabCommon/TabCommon.tsx
View File

@ -4,10 +4,10 @@ import s from './TabCommon.module.scss'
import TabItem from './TabItem/TabItem' import TabItem from './TabItem/TabItem'
interface TabCommonProps { interface TabCommonProps {
changeTab: (target:string) => void; changeTabPane: (target:string) => void;
} }
const TabCommon = ({ changeTab } : TabCommonProps) => { const TabCommon = ({ changeTabPane } : TabCommonProps) => {
const active = "active", unActive = ""; const active = "active", unActive = "";
const [item1Active, setItem1Active] = useState(active); const [item1Active, setItem1Active] = useState(active);
const [item2Active, setItem2Active] = useState(unActive); const [item2Active, setItem2Active] = useState(unActive);
@ -28,7 +28,7 @@ const TabCommon = ({ changeTab } : TabCommonProps) => {
function toggleItem1():void { function toggleItem1():void {
setItem1Active(active) setItem1Active(active)
changeTab("waiting") changeTabPane("waiting")
setItem2Active(unActive) setItem2Active(unActive)
setItem3Active(unActive) setItem3Active(unActive)
@ -37,7 +37,7 @@ const TabCommon = ({ changeTab } : TabCommonProps) => {
function toggleItem2():void { function toggleItem2():void {
setItem2Active(active) setItem2Active(active)
changeTab("delivering") changeTabPane("delivering")
setItem1Active(unActive) setItem1Active(unActive)
setItem3Active(unActive) setItem3Active(unActive)
@ -45,7 +45,7 @@ const TabCommon = ({ changeTab } : TabCommonProps) => {
} }
function toggleItem3():void { function toggleItem3():void {
setItem3Active(active) setItem3Active(active)
changeTab("delivered") changeTabPane("delivered")
setItem1Active(unActive) setItem1Active(unActive)
setItem2Active(unActive) setItem2Active(unActive)