81 lines
1.8 KiB
TypeScript
81 lines
1.8 KiB
TypeScript
import { RelayContext } from '@components/relaysProvider';
|
|
|
|
import { DEFAULT_RELAYS } from '@stores/constants';
|
|
|
|
import { updateChannelMetadata } from '@utils/storage';
|
|
import { getChannel } from '@utils/storage';
|
|
|
|
import { useCallback, useContext, useEffect, useState } from 'react';
|
|
|
|
export const useChannelMetadata = (id: string) => {
|
|
const pool: any = useContext(RelayContext);
|
|
const [metadata, setMetadata] = useState(null);
|
|
|
|
const fetchFromRelay = useCallback(() => {
|
|
const unsubscribe = pool.subscribe(
|
|
[
|
|
{
|
|
kinds: [41],
|
|
'#e': [id],
|
|
},
|
|
{
|
|
ids: [id],
|
|
kinds: [40],
|
|
},
|
|
],
|
|
DEFAULT_RELAYS,
|
|
(event: { kind: number; content: string }) => {
|
|
switch (event.kind) {
|
|
case 41:
|
|
const json = JSON.parse(event.content);
|
|
// update state
|
|
setMetadata(json);
|
|
// update metadata in database
|
|
updateChannelMetadata(id, event.content);
|
|
break;
|
|
case 40:
|
|
// update state
|
|
setMetadata(JSON.parse(event.content));
|
|
default:
|
|
break;
|
|
}
|
|
},
|
|
undefined,
|
|
undefined,
|
|
{
|
|
unsubscribeOnEose: true,
|
|
logAllEvents: false,
|
|
}
|
|
);
|
|
|
|
return () => {
|
|
unsubscribe();
|
|
};
|
|
}, [id, pool]);
|
|
|
|
const getChannelFromDB = useCallback(async () => {
|
|
return await getChannel(id);
|
|
}, [id]);
|
|
|
|
useEffect(() => {
|
|
let ignore = false;
|
|
|
|
if (!ignore) {
|
|
getChannelFromDB().then((res) => {
|
|
console.log(res);
|
|
if (res) {
|
|
setMetadata(JSON.parse(res.metadata));
|
|
} else {
|
|
fetchFromRelay();
|
|
}
|
|
});
|
|
}
|
|
|
|
return () => {
|
|
ignore = true;
|
|
};
|
|
}, [fetchFromRelay, getChannelFromDB]);
|
|
|
|
return metadata;
|
|
};
|