External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

rename plebbit options variables, only show data path on electron

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-12-05 22:58:37 +01:00
parent 309f76689f
commit 18c55aa2f8
1 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/settings-modal/plebbit-options/plebbit-options.tsx
+19 -15
View File
@@ -12,7 +12,7 @@ interface SettingsProps {
maticRpcRef?: RefObject<HTMLTextAreaElement>; maticRpcRef?: RefObject<HTMLTextAreaElement>;
avaxRpcRef?: RefObject<HTMLTextAreaElement>; avaxRpcRef?: RefObject<HTMLTextAreaElement>;
plebbitRpcRef?: RefObject<HTMLInputElement>; plebbitRpcRef?: RefObject<HTMLInputElement>;
nodeDataPathRef?: RefObject<HTMLInputElement>; plebbitDataPathRef?: RefObject<HTMLInputElement>;
} }
const IPFSGatewaysSettings = ({ ipfsGatewayUrlsRef, mediaIpfsGatewayUrlRef }: SettingsProps) => { const IPFSGatewaysSettings = ({ ipfsGatewayUrlsRef, mediaIpfsGatewayUrlRef }: SettingsProps) => {
@@ -119,21 +119,23 @@ const PlebbitRPCSettings = ({ plebbitRpcRef }: SettingsProps) => {
); );
}; };
const NodeDataPathSettings = ({ nodeDataPathRef }: SettingsProps) => { const PlebbitDataPathSettings = ({ plebbitDataPathRef }: SettingsProps) => {
const plebbitRpc = usePlebbitRpcSettings(); const plebbitRpc = usePlebbitRpcSettings();
const { plebbitRpcSettings } = plebbitRpc || {}; const { plebbitRpcSettings } = plebbitRpc || {};
const isConnectedToRpc = plebbitRpc?.state === 'succeeded'; const isConnectedToRpc = plebbitRpc?.state === 'succeeded';
const path = plebbitRpcSettings?.plebbitOptions?.dataPath || ''; const path = plebbitRpcSettings?.plebbitOptions?.plebbitDataPath || '';
return ( return (
<div className={styles.nodeDataPathSettings}> <div className={styles.plebbitDataPathSettings}>
<div> <div>
<input type='text' defaultValue={path} disabled={!isConnectedToRpc} ref={nodeDataPathRef} /> <input type='text' defaultValue={path} disabled={!isConnectedToRpc} ref={plebbitDataPathRef} />
</div> </div>
</div> </div>
); );
}; };
const isElectron = window.isElectron === true;
const PlebbitOptions = () => { const PlebbitOptions = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const account = useAccount(); const account = useAccount();
@@ -147,7 +149,7 @@ const PlebbitOptions = () => {
const maticRpcRef = useRef<HTMLTextAreaElement>(null); const maticRpcRef = useRef<HTMLTextAreaElement>(null);
const avaxRpcRef = useRef<HTMLTextAreaElement>(null); const avaxRpcRef = useRef<HTMLTextAreaElement>(null);
const plebbitRpcRef = useRef<HTMLInputElement>(null); const plebbitRpcRef = useRef<HTMLInputElement>(null);
const nodeDataPathRef = useRef<HTMLInputElement>(null); const plebbitDataPathRef = useRef<HTMLInputElement>(null);
const handleSave = async () => { const handleSave = async () => {
const ipfsGatewayUrls = ipfsGatewayUrlsRef.current?.value.split('\n').map((url) => url.trim()); const ipfsGatewayUrls = ipfsGatewayUrlsRef.current?.value.split('\n').map((url) => url.trim());
@@ -158,7 +160,7 @@ const PlebbitOptions = () => {
const maticRpcUrls = maticRpcRef.current?.value.split('\n').map((url) => url.trim()); const maticRpcUrls = maticRpcRef.current?.value.split('\n').map((url) => url.trim());
const avaxRpcUrls = avaxRpcRef.current?.value.split('\n').map((url) => url.trim()); const avaxRpcUrls = avaxRpcRef.current?.value.split('\n').map((url) => url.trim());
const plebbitRpcClientsOptions = plebbitRpcRef.current?.value.trim(); const plebbitRpcClientsOptions = plebbitRpcRef.current?.value.trim();
const dataPath = nodeDataPathRef.current?.value.trim(); const plebbitDataPath = plebbitDataPathRef.current?.value.trim();
const chainProviders = { const chainProviders = {
eth: { eth: {
@@ -189,7 +191,7 @@ const PlebbitOptions = () => {
pubsubHttpClientsOptions, pubsubHttpClientsOptions,
chainProviders, chainProviders,
plebbitRpcClientsOptions, plebbitRpcClientsOptions,
dataPath, plebbitDataPath,
}, },
}); });
alert('Options saved.'); alert('Options saved.');
@@ -230,17 +232,19 @@ const PlebbitOptions = () => {
</span> </span>
</div> </div>
<div className={styles.category}> <div className={styles.category}>
<span className={styles.categoryTitle}>node RPC:</span> <span className={styles.categoryTitle}>plebbit RPC:</span>
<span className={styles.categorySettings}> <span className={styles.categorySettings}>
<PlebbitRPCSettings plebbitRpcRef={plebbitRpcRef} /> <PlebbitRPCSettings plebbitRpcRef={plebbitRpcRef} />
</span> </span>
</div> </div>
<div className={styles.category}> {isElectron && (
<span className={styles.categoryTitle}>node data path:</span> <div className={styles.category}>
<span className={styles.categorySettings}> <span className={styles.categoryTitle}>plebbit data path:</span>
<NodeDataPathSettings nodeDataPathRef={nodeDataPathRef} /> <span className={styles.categorySettings}>
</span> <PlebbitDataPathSettings plebbitDataPathRef={plebbitDataPathRef} />
</div> </span>
</div>
)}
</div> </div>
); );
}; };