jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix refresh on App

Browse source
This commit is contained in:
anovazzi1 2024-06-21 17:32:38 -03:00 • committed by Gabriel Luiz Freitas Almeida
commit eebaea3788
3 changed files with 61 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/frontend/src/App.tsx
View file

@ -25,21 +25,13 @@ import useFlowsManagerStore from "./stores/flowsManagerStore";
import { useFolderStore } from "./stores/foldersStore";
import { useGlobalVariablesStore } from "./stores/globalVariablesStore/globalVariables";
import { useStoreStore } from "./stores/storeStore";
import AlertDisplayArea from "./alerts/displayArea";
export default function App() {
useTrackLastVisitedPath();
const removeFromTempNotificationList = useAlertStore(
(state) => state.removeFromTempNotificationList,
);
const tempNotificationList = useAlertStore(
(state) => state.tempNotificationList,
);
const [fetchError, setFetchError] = useState(false);
const isLoading = useFlowsManagerStore((state) => state.isLoading);
const removeAlert = (id: string) => {
removeFromTempNotificationList(id);
};
const { isAuthenticated, login, setUserData, setAutoLogin, getUser } =
useContext(AuthContext);
@ -208,38 +200,7 @@ export default function App() {
</ErrorBoundary>
<div></div>
<div className="app-div">
<div className="flex flex-col-reverse" style={{ zIndex: 999 }}>
{tempNotificationList.map((alert) => (
<div key={alert.id}>
{alert.type === "error" ? (
<ErrorAlert
key={alert.id}
title={alert.title}
list={alert.list}
id={alert.id}
removeAlert={removeAlert}
/>
) : alert.type === "notice" ? (
<NoticeAlert
key={alert.id}
title={alert.title}
link={alert.link}
id={alert.id}
removeAlert={removeAlert}
/>
) : (
alert.type === "success" && (
<SuccessAlert
key={alert.id}
title={alert.title}
id={alert.id}
removeAlert={removeAlert}
/>
)
)}
</div>
))}
</div>
<AlertDisplayArea/>
</div>
</div>
);

53
src/frontend/src/alerts/displayArea/index.tsx Normal file
View file

@ -0,0 +1,53 @@
import useAlertStore from "../../stores/alertStore";
import ErrorAlert from "../error";
import NoticeAlert from "../notice";
import SuccessAlert from "../success";
export default function AlertDisplayArea(){
const removeFromTempNotificationList = useAlertStore(
(state) => state.removeFromTempNotificationList,
);
const tempNotificationList = useAlertStore(
(state) => state.tempNotificationList,
);
const removeAlert = (id: string) => {
removeFromTempNotificationList(id);
};
return (
<div className="flex flex-col-reverse" style={{ zIndex: 999 }}>
{tempNotificationList.map((alert) => (
<div key={alert.id}>
{alert.type === "error" ? (
<ErrorAlert
key={alert.id}
title={alert.title}
list={alert.list}
id={alert.id}
removeAlert={removeAlert}
/>
) : alert.type === "notice" ? (
<NoticeAlert
key={alert.id}
title={alert.title}
link={alert.link}
id={alert.id}
removeAlert={removeAlert}
/>
) : (
alert.type === "success" && (
<SuccessAlert
key={alert.id}
title={alert.title}
id={alert.id}
removeAlert={removeAlert}
/>
)
)}
</div>
))}
</div>
)
}

12
src/frontend/src/pages/SettingsPage/pages/messagesPage/hooks/use-updateMessage.tsx
View file

@ -12,14 +12,14 @@ const useUpdateMessage = (setSuccessData, setErrorData) => {
updateMessage(data);
// Set success message
setSuccessData({
title: "Messages updated successfully.",
});
// setSuccessData({
// title: "Messages updated successfully.",
// });
} catch (error) {
// Set error message
setErrorData({
title: "Error updating messages.",
});
// setErrorData({
// title: "Error updating messages.",
// });
return Promise.reject(error);
}
};