rebrand plebbit options to pkc options

src/components/settings-modal/pkc-options/index.ts

@@ -0,0 +1 @@
+export { default } from './pkc-options';

src/components/settings-modal/pkc-options/pkc-options.tsx

@@ -1,7 +1,7 @@
 import { RefObject, useRef, useState } from 'react';
 import { setAccount, useAccount, usePlebbitRpcSettings } from '@plebbit/plebbit-react-hooks';
 import { useTranslation } from 'react-i18next';
-import styles from './plebbit-options.module.css';
+import styles from './pkc-options.module.css';
 
 interface SettingsProps {
   ipfsGatewayUrlsRef?: RefObject<HTMLTextAreaElement>;
@@ -113,7 +113,7 @@ const PlebbitRPCSettings = ({ plebbitRpcRef }: SettingsProps) => {
       </div>
       {showInfo && (
         <div className={styles.plebbitRpcSettingsInfo}>
-          use a plebbit full node locally, or remotely with SSL
+          use a PKC full node locally, or remotely with SSL
           <br />
           <ol>
             <li>get secret auth key from the node</li>
@@ -264,7 +264,7 @@ const PlebbitOptions = () => {
         </span>
       </div>
       <div className={styles.category}>
-        <span className={styles.categoryTitle}>plebbit RPC:</span>
+        <span className={styles.categoryTitle}>Node RPC:</span>
         <span className={styles.categorySettings}>
           <PlebbitRPCSettings plebbitRpcRef={plebbitRpcRef} />
         </span>

src/components/settings-modal/plebbit-options/index.ts

@@ -1 +0,0 @@
-export { default } from './plebbit-options';

src/components/settings-modal/settings-modal.tsx

@@ -8,7 +8,7 @@ import BlockedAddressesSetting from './blocked-addresses-setting';
 import CryptoAddressSetting from './crypto-address-setting';
 import CryptoWalletsSetting from './crypto-wallets-setting';
 import InterfaceSettings from './interface-settings';
-import PlebbitOptions from './plebbit-options';
+import PlebbitOptions from './pkc-options';
 import SubscriptionsSetting from './subscriptions-setting';
 
 const SettingsModal = () => {
@@ -66,7 +66,7 @@ const SettingsModal = () => {
     if (showCryptoWalletSettings && 'crypto-wallet-settings' !== excludeCategoryId) return 'crypto-wallet-settings';
     if (showSubscriptionsSettings && 'subscriptions-settings' !== excludeCategoryId) return 'subscriptions-settings';
     if (showBlockedAddressesSetting && 'blocked-addresses-settings' !== excludeCategoryId) return 'blocked-addresses-settings';
-    if (showPlebbitOptionsSettings && 'plebbit-options-settings' !== excludeCategoryId) return 'plebbit-options-settings';
+    if (showPlebbitOptionsSettings && 'pkc-options-settings' !== excludeCategoryId) return 'pkc-options-settings';
     return null;
   };
 
@@ -106,7 +106,7 @@ const SettingsModal = () => {
       setShowCryptoWalletSettings(hash === 'crypto-wallet-settings');
       setShowSubscriptionsSettings(hash === 'subscriptions-settings');
       setShowBlockedAddressesSetting(hash === 'blocked-addresses-settings');
-      setShowPlebbitOptionsSettings(hash === 'plebbit-options-settings');
+      setShowPlebbitOptionsSettings(hash === 'pkc-options-settings');
     }
   }, [hash]);
 
@@ -186,8 +186,8 @@ const SettingsModal = () => {
           </label>
         </div>
         {showBlockedAddressesSetting && <BlockedAddressesSetting />}
-        <div id='plebbit-options-settings' className={`${styles.setting} ${styles.category}`}>
-          <label onClick={() => handleCategoryClick('plebbit-options-settings', showPlebbitOptionsSettings, setShowPlebbitOptionsSettings)}>
+        <div id='pkc-options-settings' className={`${styles.setting} ${styles.category}`}>
+          <label onClick={() => handleCategoryClick('pkc-options-settings', showPlebbitOptionsSettings, setShowPlebbitOptionsSettings)}>
             <span className={showPlebbitOptionsSettings ? styles.hideButton : styles.showButton} />
             {t('plebbit_options')}
           </label>