QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 04:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: custom views tabs.

Browse Source
This commit is contained in:
a.bouhuolia
2021-08-04 16:55:50 +02:00
parent 4eb20162bb
commit 400281fdfd
18 changed files with 184 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
client/src/components/Dashboard/DashboardViewsTabs.js
View File

@@ -12,8 +12,8 @@ import { saveInvoke } from 'utils';
*
*/
export default function DashboardViewsTabs({
initialViewId = 0,
currentViewId,
initialViewSlug = 0,
currentViewSlug,
tabs,
defaultTabText = <T id={'all'} />,
allTab = true,
@@ -25,22 +25,22 @@ export default function DashboardViewsTabs({
throttleTime = 250,
}) {
const history = useHistory();
const [currentView, setCurrentView] = useState(initialViewId || 0);
const [currentView, setCurrentView] = useState(initialViewSlug || 0);
useEffect(() => {
if (typeof currentViewId !== 'undefined' && currentViewId !== currentView) {
setCurrentView(currentViewId || 0);
if (typeof currentViewSlug !== 'undefined' && currentViewSlug !== currentView) {
setCurrentView(currentViewSlug || 0);
}
}, [currentView, setCurrentView, currentViewId]);
}, [currentView, setCurrentView, currentViewSlug]);
const throttledOnChange = useRef(
debounce((viewId) => saveInvoke(OnThrottledChange, viewId), throttleTime),
);
// Trigger `onChange` and `onThrottledChange` events.
const triggerOnChange = (viewId) => {
saveInvoke(onChange, viewId);
throttledOnChange.current(viewId);
const triggerOnChange = (viewSlug) => {
saveInvoke(onChange, viewSlug);
throttledOnChange.current(viewSlug);
};
// Handles click a new view.
@@ -50,9 +50,9 @@ export default function DashboardViewsTabs({
};
// Handle tabs change.
const handleTabsChange = (viewId) => {
setCurrentView(viewId);
triggerOnChange(viewId)
const handleTabsChange = (viewSlug) => {
setCurrentView(viewSlug);
triggerOnChange(viewSlug)
};
return (
@@ -66,7 +66,7 @@ export default function DashboardViewsTabs({
{allTab && <Tab id={0} title={defaultTabText} />}
{tabs.map((tab) => (
<Tab id={tab.id} title={tab.name} />
<Tab id={tab.slug} title={tab.name} />
))}
<If condition={newViewTab}>
<Tooltip