Rishi Ghan
32f4055daa
* 🚥 Added service status panel scaffold * 🐂 Support for showing import progress * 🐂 Support for session-tracking * 🔧 Tooling for resumable socket.io sessions * 🧹 Minor change in socket.io connection code * 🔧 Refactoring the Import Page * 📝 Added more details to import statuses * 🐂 Queue pause/resume functionality * 🐂 Queue drain event reducer * 🐂 Queue controls * 🔧 Hardening the import UX * 🔀 Bumped deps * 🔧 Fixed the airdcpp-apisocket version * ⛑️ Removed useless deps * 🪡 Fixed margin on the comicinfo.xml panel on the library page * 🏗️ Scaffold for job results * 🔢 Removed the useless LS_IMPORT event * 🔧 Wired up jobStatistics call * 🧹 Cleaning up the tabulated job results * 🔧 More finishing touches to Import UX * 🔧 Added a console log for debugging purposes --------- Co-authored-by: Rishi Ghan <hghan@apple.com>
26 lines
776 B
TypeScript
26 lines
776 B
TypeScript
import React, { ReactElement } from "react";
|
|
import { useDispatch, useSelector } from "react-redux";
|
|
import { useEffect } from "react";
|
|
import { getServiceStatus } from "../../actions/fileops.actions";
|
|
|
|
export const ServiceStatuses = (): ReactElement => {
|
|
const serviceStatus = useSelector(
|
|
(state: RootState) => state.fileOps.libraryServiceStatus,
|
|
);
|
|
const dispatch = useDispatch();
|
|
useEffect(() => {
|
|
dispatch(getServiceStatus());
|
|
}, []);
|
|
return (
|
|
<div className="is-clearfix">
|
|
<div className="mt-4">
|
|
<h3 className="title">Core Services</h3>
|
|
<h6 className="subtitle has-text-grey-light">
|
|
Statuses for core services
|
|
</h6>
|
|
</div>
|
|
<pre>{JSON.stringify(serviceStatus, null, 2)}</pre>
|
|
</div>
|
|
);
|
|
};
|