Added web of trust score slider

shopstr-eng · May 24, 2024 · e4920c7 · e4920c7
1 parent 7bfa3b1
commit e4920c7
Show file tree

Hide file tree

Showing 7 changed files with 114 additions and 27 deletions.
diff --git a/components/product-form.tsx b/components/product-form.tsx
@@ -321,7 +321,6 @@ export default function NewForm({
               imgCallbackOnUpload={(imgUrl) => {
                 setImages((prevValues) => {
                   const updatedImages = [...prevValues];
-                  console.log("imgUrl", imgUrl);
                   if (imgUrl && imgUrl.length > 0) {
                     return [...updatedImages, imgUrl];
                   }

diff --git a/components/utility-components/shopstr-slider.tsx b/components/utility-components/shopstr-slider.tsx
@@ -0,0 +1,57 @@
+import { useState, useEffect } from "react";
+import { Button } from "@nextui-org/react";
+import { Slider } from "@nextui-org/react";
+import { useTheme } from "next-themes";
+import { getLocalStorageData } from "../../components/utility/nostr-helper-functions";
+import { SHOPSTRBUTTONCLASSNAMES } from "../../components/utility/STATIC-VARIABLES";
+
+const ShopstrSlider = () => {
+  const { theme, setTheme } = useTheme();
+
+  const [wot, setWot] = useState(getLocalStorageData().wot);
+  const [wotIsChanged, setWotIsChanged] = useState(false);
+
+  useEffect(() => {
+    localStorage.setItem("wot", String(wot));
+  }, [wot]);
+
+  const refreshPage = () => {
+    window.location.reload();
+    setWotIsChanged(false);
+  };
+
+  return (
+    <>
+      <div className="flex items-center p-2">
+        <Slider
+          size="sm"
+          step={1}
+          color={theme === "dark" ? "warning" : "secondary"}
+          label="Minimum Follower Count:"
+          showSteps={true}
+          maxValue={10}
+          minValue={1}
+          defaultValue={wot}
+          className="max-w-md text-light-text dark:text-dark-text"
+          onChangeEnd={(value) => {
+            if (Array.isArray(value)) {
+              setWot(value[0]);
+            } else {
+              setWot(value);
+            }
+            setWotIsChanged(true);
+          }}
+        />
+      </div>
+      {wotIsChanged && (
+        <div className="flex h-fit flex-row justify-between bg-light-bg px-3 py-[15px] dark:bg-dark-bg">
+          <Button className={SHOPSTRBUTTONCLASSNAMES} onClick={refreshPage}>
+            Refresh to Apply
+          </Button>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default ShopstrSlider;
diff --git a/components/utility/nostr-helper-functions.ts b/components/utility/nostr-helper-functions.ts
@@ -299,6 +299,7 @@ const LOCALSTORAGECONSTANTS = {
   mints: "mints",
   tokens: "tokens",
   history: "history",
+  wot: "wot",
 };
 
 export const setLocalStorageDataOnSignIn = ({
@@ -307,12 +308,14 @@ export const setLocalStorageDataOnSignIn = ({
   encryptedPrivateKey,
   relays,
   mints,
+  wot,
 }: {
   signInMethod: string;
   pubkey: string;
   encryptedPrivateKey?: string;
   relays?: string[];
   mints?: string[];
+  wot?: number;
 }) => {
   localStorage.setItem(LOCALSTORAGECONSTANTS.signInMethod, signInMethod);
   localStorage.setItem(
@@ -345,6 +348,8 @@ export const setLocalStorageDataOnSignIn = ({
     JSON.stringify(mints ? mints : ["https://mint.minibits.cash/Bitcoin"]),
   );
 
+  localStorage.setItem(LOCALSTORAGECONSTANTS.wot, String(wot ? wot : 3));
+
   window.dispatchEvent(new Event("storage"));
 };
 
@@ -362,6 +367,7 @@ export interface LocalStorageInterface {
   mints: string[];
   tokens: [];
   history: [];
+  wot: number;
   encryptedPrivateKey?: string;
 }
 
@@ -374,6 +380,7 @@ export const getLocalStorageData = (): LocalStorageInterface => {
   let mints;
   let tokens;
   let history;
+  let wot;
 
   if (typeof window !== "undefined") {
     userNPub = localStorage.getItem(LOCALSTORAGECONSTANTS.userNPub);
@@ -437,6 +444,10 @@ export const getLocalStorageData = (): LocalStorageInterface => {
     history = localStorage.getItem(LOCALSTORAGECONSTANTS.history)
       ? JSON.parse(localStorage.getItem("history") as string)
       : localStorage.setItem(LOCALSTORAGECONSTANTS.history, JSON.stringify([]));
+
+    wot = localStorage.getItem(LOCALSTORAGECONSTANTS.wot)
+      ? Number(localStorage.getItem(LOCALSTORAGECONSTANTS.wot))
+      : 3;
   }
   return {
     signInMethod: signInMethod as string,
@@ -447,6 +458,7 @@ export const getLocalStorageData = (): LocalStorageInterface => {
     mints,
     tokens: tokens || [],
     history: history || [],
+    wot: wot || 3,
   };
 };
 

diff --git a/components/wallet/send-button.tsx b/components/wallet/send-button.tsx
@@ -69,7 +69,6 @@ const SendButton = () => {
         (p: Proof) => mintKeySetIds?.includes(p.id),
       );
       const tokenToSend = await wallet.send(numSats, filteredProofs);
-      console.log(tokenToSend);
       const encodedSendToken = getEncodedToken({
         token: [
           {

diff --git a/pages/api/nostr/fetch-service.ts b/pages/api/nostr/fetch-service.ts
@@ -282,6 +282,7 @@ export const fetchAllFollows = async (
   followList: string[];
 }> => {
   return new Promise(async function (resolve, reject) {
+    const wot = getLocalStorageData().wot;
     try {
       const relay = await Relay.connect("wss://purplepag.es");
 
@@ -325,7 +326,7 @@ export const fetchAllFollows = async (
               });
               secondDegreeFollowsArrayFromRelay =
                 secondDegreeFollowsArrayFromRelay.filter(
-                  (pubkey) => (pubkeyCount.get(pubkey) || 0) >= 3,
+                  (pubkey) => (pubkeyCount.get(pubkey) || 0) >= wot,
                 );
               followsArrayFromRelay.push(...secondDegreeFollowsArrayFromRelay);
             },
@@ -384,7 +385,7 @@ export const fetchAllFollows = async (
                     pubkeyCount.set(pubkey, (pubkeyCount.get(pubkey) || 0) + 1);
                   });
                   secondDegreeFollowsArray = secondDegreeFollowsArray.filter(
-                    (pubkey) => (pubkeyCount.get(pubkey) || 0) >= 3,
+                    (pubkey) => (pubkeyCount.get(pubkey) || 0) >= wot,
                   );
                   followsArray.push(...secondDegreeFollowsArray);
                 },

diff --git a/pages/settings/preferences.tsx b/pages/settings/preferences.tsx
@@ -23,6 +23,7 @@ import { SHOPSTRBUTTONCLASSNAMES } from "../../components/utility/STATIC-VARIABL
 import { getLocalStorageData } from "../../components/utility/nostr-helper-functions";
 import { useTheme } from "next-themes";
 import { SettingsBreadCrumbs } from "@/components/settings/settings-bread-crumbs";
+import ShopstrSlider from "../../components/utility-components/shopstr-slider";
 
 const PreferencesPage = () => {
   const [relays, setRelays] = useState(Array<string>(0));
@@ -32,14 +33,19 @@ const PreferencesPage = () => {
   const [showMintModal, setShowMintModal] = useState(false);
   const [copiedToClipboard, setCopiedToClipboard] = useState(false);
 
+  const [isLoaded, setIsLoaded] = useState(false);
+
   useEffect(() => {
     if (typeof window !== "undefined") {
       setMints(getLocalStorageData().mints);
     }
+    setIsLoaded(true);
   }, []);
 
   useEffect(() => {
-    localStorage.setItem("mints", JSON.stringify(mints));
+    if (mints.length != 0) {
+      localStorage.setItem("mints", JSON.stringify(mints));
+    }
   }, [mints]);
 
   const { theme, setTheme } = useTheme();
@@ -115,7 +121,9 @@ const PreferencesPage = () => {
   }, []);
 
   useEffect(() => {
-    localStorage.setItem("relays", JSON.stringify(relays));
+    if (relays.length != 0) {
+      localStorage.setItem("relays", JSON.stringify(relays));
+    }
   }, [relays]);
 
   const handleToggleRelayModal = () => {
@@ -271,32 +279,32 @@ const PreferencesPage = () => {
         </span>
 
         <div>
-          {mints.length === 0 && (
+          {mints.length === 0 ? (
             <div className="mt-8 flex items-center justify-center">
               <p className="break-words text-center text-xl dark:text-dark-text">
                 No mint added . . .
               </p>
             </div>
-          )}
-
-          <div className="overflow-y-scroll rounded-md bg-light-bg dark:bg-dark-bg">
-            <div className="mb-2 flex items-center justify-between rounded-md border-2 border-light-fg px-3 py-2 dark:border-dark-fg">
-              <div className="max-w-xsm break-all text-light-text dark:text-dark-text">
-                {mints[0]}
+          ) : (
+            <div className="overflow-y-scroll rounded-md bg-light-bg dark:bg-dark-bg">
+              <div className="mb-2 flex items-center justify-between rounded-md border-2 border-light-fg px-3 py-2 dark:border-dark-fg">
+                <div className="max-w-xsm break-all text-light-text dark:text-dark-text">
+                  {mints[0]}
+                </div>
+                <ClipboardIcon
+                  onClick={handleCopyMint}
+                  className={`ml-2 h-6 w-6 cursor-pointer text-light-text dark:text-dark-text ${
+                    copiedToClipboard ? "hidden" : ""
+                  }`}
+                />
+                <CheckIcon
+                  className={`ml-2 h-6 w-6 cursor-pointer text-light-text dark:text-dark-text ${
+                    copiedToClipboard ? "" : "hidden"
+                  }`}
+                />
               </div>
-              <ClipboardIcon
-                onClick={handleCopyMint}
-                className={`ml-2 h-6 w-6 cursor-pointer text-light-text dark:text-dark-text ${
-                  copiedToClipboard ? "hidden" : ""
-                }`}
-              />
-              <CheckIcon
-                className={`ml-2 h-6 w-6 cursor-pointer text-light-text dark:text-dark-text ${
-                  copiedToClipboard ? "" : "hidden"
-                }`}
-              />
             </div>
-          </div>
+          )}
           {mints.length > 0 && (
             <div className="mx-4 my-4 flex items-center justify-center text-center">
               <InformationCircleIcon className="h-6 w-6 text-light-text dark:text-dark-text" />
@@ -409,6 +417,16 @@ const PreferencesPage = () => {
           </Modal>
         </div>
 
+        <span className="my-4 flex  text-2xl font-bold text-light-text dark:text-dark-text">
+          Web of Trust
+        </span>
+
+        {isLoaded && (
+          <>
+            <ShopstrSlider />
+          </>
+        )}
+
         <span className="my-4 flex text-2xl font-bold text-light-text dark:text-dark-text">
           Theme
         </span>

diff --git a/pages/sign-in/index.tsx b/pages/sign-in/index.tsx
@@ -45,7 +45,8 @@ const LoginPage = ({ router }: { router: NextRouter }) => {
           JSON.stringify(["https://mint.minibits.cash/Bitcoin"]),
         );
 
-        // alert("Signed in as " + npub + ".");
+        localStorage.setItem("wot", "3");
+
         router.push("/");
       }
     } else {
@@ -78,7 +79,7 @@ const LoginPage = ({ router }: { router: NextRouter }) => {
         "mints",
         JSON.stringify(["https://mint.minibits.cash/Bitcoin"]),
       );
-      // alert("Signed in as " + npub + ".");
+      localStorage.setItem("wot", "3");
       router.push("/");
     } catch (error) {
       alert("Extension sign in failed!");