martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

present sealed option only if seal key has been set and unlocked

Browse Source
This commit is contained in:
Roland Osborne 2022-12-12 14:15:45 -08:00
parent 9ed93b07d1
commit 0940be25e8
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
net/web/src/session/channels/Channels.jsx
View File

@ -26,8 +26,12 @@ export function Channels({ open, active }) {
const addFooter = ( const addFooter = (
<AddFooter> <AddFooter>
<div class="seal"> <div class="seal">
{ state.sealable && (
<>
<Switch checked={state.seal} onChange={actions.setSeal} size="small" /> <Switch checked={state.seal} onChange={actions.setSeal} size="small" />
<span class="sealText">Sealed Channel</span> <span class="sealText">Sealed Channel</span>
</>
)}
</div> </div>
<Button key="back" onClick={actions.clearShowAdd}>Cancel</Button> <Button key="back" onClick={actions.clearShowAdd}>Cancel</Button>
<Button key="save" type="primary" loading={state.busy} onClick={addChannel}>Save</Button> <Button key="save" type="primary" loading={state.busy} onClick={addChannel}>Save</Button>

13
net/web/src/session/channels/useChannels.hook.js
View File

@ -2,6 +2,7 @@ import { useContext, useState, useEffect } from 'react';
import { StoreContext } from 'context/StoreContext'; import { StoreContext } from 'context/StoreContext';
import { ChannelContext } from 'context/ChannelContext'; import { ChannelContext } from 'context/ChannelContext';
import { CardContext } from 'context/CardContext'; import { CardContext } from 'context/CardContext';
import { AccountContext } from 'context/AccountContext';
import { ProfileContext } from 'context/ProfileContext'; import { ProfileContext } from 'context/ProfileContext';
import { ViewportContext } from 'context/ViewportContext'; import { ViewportContext } from 'context/ViewportContext';
@ -17,14 +18,26 @@ export function useChannels() {
members: new Set(), members: new Set(),
subject: null, subject: null,
seal: false, seal: false,
sealable: false,
}); });
const card = useContext(CardContext); const card = useContext(CardContext);
const channel = useContext(ChannelContext); const channel = useContext(ChannelContext);
const account = useContext(AccountContext);
const store = useContext(StoreContext); const store = useContext(StoreContext);
const profile = useContext(ProfileContext); const profile = useContext(ProfileContext);
const viewport = useContext(ViewportContext); const viewport = useContext(ViewportContext);
useEffect(() => {
const { seal, sealKey } = account.state;
if (seal?.publicKey && sealKey?.public && sealKey?.private && seal.publicKey === sealKey.public) {
updateState({ sealable: true });
}
else {
updateState({ sealable: false });
}
}, [account]);
const updateState = (value) => { const updateState = (value) => {
setState((s) => ({ ...s, ...value })); setState((s) => ({ ...s, ...value }));
} }