QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-15 20:30:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add socker connection between client and server

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-02-24 00:18:48 +02:00
parent 1fd8a53ed1
commit 2d3544fe37
16 changed files with 357 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/webapp/src/components/Dashboard/Dashboard.tsx
View File

@@ -14,6 +14,7 @@ import GlobalHotkeys from './GlobalHotkeys';
import DashboardProvider from './DashboardProvider';
import DrawersContainer from '@/components/DrawersContainer';
import AlertsContainer from '@/containers/AlertsContainer';
import { DashboardSockets } from './DashboardSockets';
/**
* Dashboard preferences.
@@ -50,6 +51,7 @@ export default function Dashboard() {
<Route path="/" component={DashboardAnyPage} />
</Switch>
<DashboardSockets />
<DashboardUniversalSearch />
<GlobalHotkeys />
<DialogsContainer />

31
packages/webapp/src/components/Dashboard/DashboardSockets.tsx Normal file
View File

@@ -0,0 +1,31 @@
import { useEffect, useRef } from 'react';
import { useQueryClient } from 'react-query';
import { io } from 'socket.io-client';
import t from '@/hooks/query/types';
import { AppToaster } from '@/components';
import { Intent } from '@blueprintjs/core';
export function DashboardSockets() {
const socket = useRef<any>();
const client = useQueryClient();
useEffect(() => {
socket.current = io('ws://localhost:4000');
socket.current.on('NEW_TRANSACTIONS_DATA', () => {
client.invalidateQueries(t.ACCOUNTS);
client.invalidateQueries(t.ACCOUNT_TRANSACTION);
client.invalidateQueries(t.CASH_FLOW_ACCOUNTS);
client.invalidateQueries(t.CASH_FLOW_TRANSACTIONS);
AppToaster.show({
message: 'The Plaid connected accounts have been updated.',
intent: Intent.SUCCESS,
});
});
return () => {
socket.current.removeAllListeners();
socket.current.close();
};
}, []);
}