fluencelabs/examples
1
0
Fork 0
mirror of https://github.com/fluencelabs/examples synced 2025-06-20 05:16:33 +00:00
Code Issues Projects Releases Wiki Activity

Better ui

Browse Source
This commit is contained in:
Pavel Murygin
2021-07-22 02:27:32 +03:00
parent 5a787dcf22
commit aa094a9f1d
9 changed files with 154 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
intro/4-ipfs-code-execution/web/src/state.ts
View File

@ -38,19 +38,19 @@ export const rpcAddrState = atom<string | null>({
default: null,
});
export const fileCIDState = atom<string>({
export const fileCIDState = atom<string | null>({
key: "fileCIDState",
default: "",
default: null,
});
export const fileSizeState = atom<string>({
export const fileSizeState = atom<string | null>({
key: "fileSizeState",
default: "",
default: null,
});
export const fileSizeCIDState = atom<string>({
export const fileSizeCIDState = atom<string | null>({
key: "fileSizeCIDState",
default: "",
default: null,
});
export const isConnectedState = selector({
@ -81,6 +81,14 @@ export const isDeployedState = selector({
},
});
export const hasResultState = selector({
key: "hasResultState",
get: ({ get }) => {
const fileSize = get(fileSizeState);
return fileSize !== null;
},
});
const getRpcAddr = async (client: FluenceClient) => {
if (client === null) {
console.log("getRpcAddr client is null");
@ -140,8 +148,9 @@ export const useGetFileSize = () => {
const rpcAddr = useRecoilValue(rpcAddrState);
const client = useRecoilValue(clientState);
const serviceId = useRecoilValue(serviceIdState);
const fileCID = useRecoilValue(fileCIDState);
const setFileSize = useSetRecoilState(fileSizeState);
const [fileCID, setFileSizeCID] = useRecoilState(fileCIDState);
const setFileSizeCID = useSetRecoilState(fileSizeCIDState);
return async () => {
if (client === null || serviceId === null || rpcAddr === null) {
@ -151,7 +160,7 @@ export const useGetFileSize = () => {
var putResult = await put_file_size(
client,
client.relayPeerId!,
fileCID,
fileCID!,
rpcAddr,
serviceId,
(size) => setFileSize(size.toString()),
@ -170,9 +179,12 @@ export const useGetFileSize = () => {
};
};
export const useRemoveServuce = () => {
export const useRemoveService = () => {
const client = useRecoilValue(clientState);
const [serviceId, setServiceId] = useRecoilState(serviceIdState);
const setFileCID = useSetRecoilState(fileCIDState);
const setFileSize = useSetRecoilState(fileSizeState);
const setFileSizeCID = useSetRecoilState(fileSizeCIDState);
return async () => {
if (client === null || serviceId === null) {
@ -183,5 +195,8 @@ export const useRemoveServuce = () => {
ttl: 10000,
});
setServiceId(null);
setFileCID(null);
setFileSize(null);
setFileSizeCID(null);
};
};