7fd89678b7
# Introduction Avoid having multiple `isDefined` definition across our pacakges Also avoid importing `isDefined` from `twenty-ui` which exposes a huge barrel for a such little util function ## In a nutshell Removed own `isDefined.ts` definition from `twenty-ui` `twenty-front` and `twenty-server` to move it to `twenty-shared`. Updated imports for each packages, and added explicit dependencies to `twenty-shared` if not already in place Related PR https://github.com/twentyhq/twenty/pull/9941
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
import { isDefined } from 'twenty-shared';
|
|
import Settings from '~/options/Settings';
|
|
import Sidepanel from '~/options/Sidepanel';
|
|
|
|
const App = () => {
|
|
const [currentScreen, setCurrentScreen] = useState('');
|
|
|
|
useEffect(() => {
|
|
const setCurrentScreenState = async () => {
|
|
const store = await chrome.storage.local.get(['navigateSidepanel']);
|
|
if (isDefined(store.navigateSidepanel)) {
|
|
setCurrentScreen(store.navigateSidepanel);
|
|
}
|
|
};
|
|
|
|
setCurrentScreenState();
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
chrome.storage.local.onChanged.addListener((updatedStore) => {
|
|
if (
|
|
isDefined(updatedStore.navigateSidepanel) &&
|
|
isDefined(updatedStore.navigateSidepanel.newValue)
|
|
) {
|
|
setCurrentScreen(updatedStore.navigateSidepanel.newValue);
|
|
}
|
|
});
|
|
}, [setCurrentScreen]);
|
|
|
|
switch (currentScreen) {
|
|
case 'sidepanel':
|
|
return <Sidepanel />;
|
|
case 'settings':
|
|
return <Settings />;
|
|
default:
|
|
return <Settings />;
|
|
}
|
|
};
|
|
|
|
export default App;
|