bump version & update feedback form url (#56)

Author: mindofmar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Wallet Guard: Browse Web3 Securely",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "A browser extension for detecting phishing attacks on crypto wallets",
   "main": "index.js",
   "scripts": {

src/components/common/Feedback.tsx

@@ -1,51 +1,56 @@
-import React, { useEffect, useState } from 'react';
-import { AiFillQuestionCircle, AiOutlineQuestionCircle } from 'react-icons/ai';
-import { MdFeedback} from 'react-icons/md';
+import React, { useState } from 'react';
+import { AiOutlineQuestionCircle } from 'react-icons/ai';
+import { MdFeedback } from 'react-icons/md';
 import { FaShare } from 'react-icons/fa';
-import posthog from 'posthog-js'
-
+import posthog from 'posthog-js';
 
 export function Feedback() {
-    const [showFeedback, setShowFeedback] = useState<boolean>(false);
+  const [showFeedback, setShowFeedback] = useState<boolean>(false);
 
-    const toggleFeedback = () => {
-      posthog.capture('toggle feedback')
-      setShowFeedback(!showFeedback)
-    }
+  const toggleFeedback = () => {
+    posthog.capture('toggle feedback');
+    setShowFeedback(!showFeedback);
+  };
 
-    return (
-        <div>
-        {
-            showFeedback &&
-            <div style={{ position: 'fixed', bottom: '0px', right: '0px', paddingRight: '1%', paddingBottom: '4%' }}>
-              <div className="card h-100" style={{ backgroundColor: '#121212', minWidth: '220px' }}>
-                <div className="card-body">
-                  <div className="row pb-3">
-                    <div className="col-3">
-                      <AiOutlineQuestionCircle size={'25'} color='white' />
-                    </div>
-                    <div className='col-9'>
-                      <a href="https://docs.google.com/forms/d/e/1FAIpQLScQ-g4WB3xFoO8_6cF5yXGu0myqcKdj4QhWi3LD9AKfwLaicQ/viewform?usp=sf_link"  target="_blank">Submit Feedback</a>
-                    </div>
-                  </div>
-                  <div className="row">
-                    <div className="col-3">
-                      <FaShare size={'25'} color='white' />
-                    </div>
-                    <div className='col-9'>
-                      <a href="https://chrome.google.com/webstore/detail/wallet-guard/pdgbckgdncnhihllonhnjbdoighgpimk" target="_blank">Leave a Review</a>
-                    </div>
-                  </div>
+  return (
+    <div>
+      {showFeedback && (
+        <div style={{ position: 'fixed', bottom: '0px', right: '0px', paddingRight: '1%', paddingBottom: '4%' }}>
+          <div className="card h-100" style={{ backgroundColor: '#121212', minWidth: '220px' }}>
+            <div className="card-body">
+              <div className="row pb-3">
+                <div className="col-3">
+                  <AiOutlineQuestionCircle size={'25'} color="white" />
+                </div>
+                <div className="col-9">
+                  <a href="https://forms.gle/EmFF6AJWjkux1xku5" target="_blank">
+                    Submit Feedback
+                  </a>
+                </div>
+              </div>
+              <div className="row">
+                <div className="col-3">
+                  <FaShare size={'25'} color="white" />
+                </div>
+                <div className="col-9">
+                  <a
+                    href="https://chrome.google.com/webstore/detail/wallet-guard/pdgbckgdncnhihllonhnjbdoighgpimk"
+                    target="_blank"
+                  >
+                    Leave a Review
+                  </a>
                 </div>
               </div>
             </div>
-          }
-  
-          <div style={{ position: 'fixed', bottom: '0px', right: '0px', paddingRight: '1%', paddingBottom: '1%' }}>
-            <button>
-              <MdFeedback size={'35px'} color='gray' onClick={() => toggleFeedback()} />
-            </button>
           </div>
         </div>
-    )
-}
+      )}
+
+      <div style={{ position: 'fixed', bottom: '0px', right: '0px', paddingRight: '1%', paddingBottom: '1%' }}>
+        <button>
+          <MdFeedback size={'35px'} color="gray" onClick={() => toggleFeedback()} />
+        </button>
+      </div>
+    </div>
+  );
+}

src/manifest.json

@@ -3,7 +3,7 @@
   "name": "Wallet Guard: Browse Web3 Securely",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA0SMGNwLFsP2k1jAD54vtDqLJuIpeZWCc9gdvo2N8hzE1qIkOt29ynU1VgkJbtfuWHqWSyOCo1ljs2MjbqqFjG4qz5o3ZrEAMwmEbWGCuPddUIIiWIK0oF+BkwZiRpRS2nw/i9Dmeusf0eOlxxLYD0NpKszX73lqGt4LBIY8Wva7vmqdnKPa1F6+DDZviXcBRa8CLCzqDujTjON37o+NvQOq2u49UzVXr/DcePFrUTnnjdNkKTQkLlH00lwvxUUJl0g5IVdlxNgZXPY/C6P39YIIxsBFJH0rXvQrLgED6NGR17CBnLhOmmYghku17yoUGg3KrT4aeh8+uG5NrQZuqGwIDAQAB",
   "description": "Wallet Guard acts as a security companion to your crypto wallet of choice, so you can browse at ease.",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "icons": {
     "128": "images/wg_logos/logo_128x128.png"
   },