order history filter with orders currents and before

src/components/tab/TabContainer.tsx

@@ -13,6 +13,8 @@ type Props = {
     className?: TabContainerClassName;
     changeType?: TabContainerRenderType;
     defaultIndex?: number;
+    selectedTab?: number;
+    onTabChange?: (index: number) => void;
 } & Omit<React.OlHTMLAttributes<HTMLUListElement>, 'className'>;
 
 export enum TabContainerRenderType {
@@ -48,13 +50,18 @@ export const TabContainerClassNames: TabContainerClassName = {
     titleActive: 'text-primary dark:text-foreground'
 }
 
-function TabContainer({ className = TabContainerClassNames, changeType = TabContainerRenderType.RENDERER, defaultIndex = 0, itemRenderer, children, ...restProps }: Props) {
+function TabContainer({ className = TabContainerClassNames, changeType = TabContainerRenderType.RENDERER, defaultIndex = 0, selectedTab: controlledSelectedTab, onTabChange, itemRenderer, children, ...restProps }: Props) {
 
-    const [selectedTab, setSelectedTab] = useState(defaultIndex);
+    const [internalSelectedTab, setInternalSelectedTab] = useState(defaultIndex);
+    const selectedTab = controlledSelectedTab !== undefined ? controlledSelectedTab : internalSelectedTab;
 
     const updateTab = useCallback((index: number) => {
-        setSelectedTab(index);
-    }, []);
+        if (onTabChange) {
+            onTabChange(index);
+        } else {
+            setInternalSelectedTab(index);
+        }
+    }, [onTabChange]);
 
     const items = React.Children.toArray(children).filter(
         (child): child is ReactElement<TabItemProps> =>