Merge branch 'deployer-conversion-1' into update-deployer-subnav

usecannon · Jan 6, 2025 · 2269852 · 2269852
2 parents f8c5bf5 + 31c7b25
commit 2269852
Show file tree

Hide file tree

Showing 40 changed files with 2,535 additions and 3,131 deletions.
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -107,7 +107,6 @@
     "nextjs-toploader": "^1.6.12",
     "pako": "^2.1.0",
     "react": "^18.2.0",
-    "react-code-blocks": "^0.1.6",
     "react-diff-view": "^3.1.0",
     "react-dom": "^18.2.0",
     "react-feather": "^2.0.10",

diff --git a/packages/website/src/components/Alert.tsx b/packages/website/src/components/Alert.tsx
diff --git a/packages/website/src/components/Card.tsx b/packages/website/src/components/Card.tsx
diff --git a/packages/website/src/components/ChainSelectorModal.tsx b/packages/website/src/components/ChainSelectorModal.tsx
@@ -36,14 +36,14 @@ const ChainButton = ({
         </div>
         {connected ? (
           <span
-            className="text-sm text-emerald-400 font-medium uppercase tracking-wider font-['var(--font-miriam)']"
+            className="text-sm text-emerald-400 font-medium uppercase tracking-wider text-mono"
             style={{ textShadow: '0px 0px 4px #00ff00' }}
           >
             Connected
           </span>
         ) : switching ? (
           <span
-            className="text-sm text-yellow-400 font-medium uppercase tracking-wider font-['var(--font-miriam)']"
+            className="text-sm text-yellow-400 font-medium uppercase tracking-wider text-mono"
             style={{ textShadow: '0px 0px 4px #ffff00' }}
           >
             Confirm in wallet
@@ -109,7 +109,7 @@ const ChainSelectorModal = ({
 
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="bg-zinc-900 text-white border-zinc-700 max-h-[50vh] overflow-auto">
+      <DialogContent className="max-h-[50vh] overflow-auto border-border">
         <DialogHeader>
           <DialogTitle>Select Chain</DialogTitle>
         </DialogHeader>

diff --git a/packages/website/src/components/ClipboardButton.tsx b/packages/website/src/components/ClipboardButton.tsx
@@ -1,6 +1,7 @@
 import { FC, useState } from 'react';
 import { Button } from '@/components/ui/button';
 import { Check, Copy } from 'react-feather';
+import { motion, AnimatePresence } from 'framer-motion';
 
 interface ClibpboardButtonProps {
   text: string;
@@ -20,21 +21,37 @@ export const ClipboardButton: FC<ClibpboardButtonProps> = ({
   }
 
   return (
-    <>
-      <Button
-        size="icon"
-        variant="ghost"
-        className={`flex-shrink-0 h-7 w-7 bg-background border border-border absolute right-3 ${className}`}
-        onClick={copyToClipboard}
-      >
+    <Button
+      size="icon"
+      variant="ghost"
+      className={`flex-shrink-0 h-7 w-7 bg-background border border-border absolute right-1 ${className}`}
+      onClick={copyToClipboard}
+    >
+      <AnimatePresence mode="wait" initial={false}>
         {hasCopied ? (
-          <Check className="h-3.5 w-3.5 text-green-500" />
+          <motion.div
+            key="check"
+            initial={{ scale: 0.5, opacity: 0 }}
+            animate={{ scale: 1, opacity: 1 }}
+            exit={{ scale: 0.5, opacity: 0 }}
+            transition={{ duration: 0.15 }}
+          >
+            <Check className="h-3.5 w-3.5 text-green-500" />
+          </motion.div>
         ) : (
-          <Copy className="h-3.5 w-3.5 text-muted-foreground" />
+          <motion.div
+            key="copy"
+            initial={{ scale: 0.5, opacity: 0 }}
+            animate={{ scale: 1, opacity: 1 }}
+            exit={{ scale: 0.5, opacity: 0 }}
+            transition={{ duration: 0.15 }}
+          >
+            <Copy className="h-3.5 w-3.5 text-muted-foreground" />
+          </motion.div>
         )}
-        <span className="sr-only">Copy command</span>
-      </Button>
-    </>
+      </AnimatePresence>
+      <span className="sr-only">Copy command</span>
+    </Button>
   );
 };
 

diff --git a/packages/website/src/components/snippet.tsx b/packages/website/src/components/snippet.tsx
@@ -39,7 +39,7 @@ export const Snippet = ({ ...props }: React.HTMLAttributes<HTMLPreElement>) => {
   }
 
   return (
-    <div className="mt-3 first:mt-0 relative rounded-md font-mono text-sm flex items-start border border-border overflow-hidden bg-[#0d1117]">
+    <div className="relative rounded-md font-mono text-sm flex items-start border border-border overflow-hidden bg-[#0d1117]">
       <div
         data-section="code"
         className="w-full overflow-x-auto"

diff --git a/packages/website/src/features/Console/Console.tsx b/packages/website/src/features/Console/Console.tsx