Ux improvements

.gitignore

@@ -6,6 +6,7 @@ package-lock.json
 
 # builds
 /cache
+/dist
 
 # IDE metadata
 .vscode/

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@socket.tech/plugin",
-  "version": "1.3.2",
+  "version": "1.3.3-alpha",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

src/components/RouteDetails/ReviewModal.tsx

@@ -356,7 +356,7 @@ export const ReviewModal = ({
 
             <Button
               onClick={quoteUpdated ? updateSelectedRoute : openTxModal}
-              classNames={`${quoteUpdated ? "skt-w-h-12" : ""}`}
+              classNames={`${quoteUpdated ? "skt-w-h-full" : ""}`}
               disabled={!bestRoute}
             >
               {quoteUpdated
@@ -409,7 +409,7 @@ const FeeDisplay = (props: FeeDisplayProps) => {
         )}
         {feeInUsd !== 0 && (
           <span className="skt-w-opacity-80 skt-w-font-normal">
-            (${feeInUsd?.toFixed(4)})
+            (${feeInUsd?.toFixed(2)})
           </span>
         )}
       </span>

src/components/RouteDetails/index.tsx

@@ -52,6 +52,7 @@ export const RouteDetails = () => {
   const { userAddress } = web3Context.web3Provider;
   const singleTxOnly = useSelector((state: any) => state.quotes.singleTxOnly);
   const swapSlippage = useSelector((state: any) => state.quotes.swapSlippage);
+  const zpHide = useSelector((state: any) => state.customSettings.zpHide);
 
   // Hook to fetch the quotes for given params.
   const { data, isQuotesLoading } = useRoutes(
@@ -235,24 +236,27 @@ export const RouteDetails = () => {
       >
         {getButtonStatus()}
       </Button>
-      <div className="skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-text-widget-secondary skt-w-mt-2.5 skt-w-text-xs">
-        <a
-          href="http://socket.tech/"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="skt-w skt-w-anchor"
-        >
-          Powered by Socket
-        </a>
-        <a
-          href="https://socketdottech.zendesk.com/hc/en-us"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="skt-w skt-w-anchor"
-        >
-          Support
-        </a>
-      </div>
+
+      {!zpHide && (
+        <div className="skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-text-widget-secondary skt-w-mt-2.5 skt-w-text-xs">
+          <a
+            href="http://socket.tech/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="skt-w skt-w-anchor"
+          >
+            Powered by Socket
+          </a>
+          <a
+            href="https://socketdottech.zendesk.com/hc/en-us"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="skt-w skt-w-anchor"
+          >
+            Support
+          </a>
+        </div>
+      )}
 
       {transitions(
         (style, item) =>