add: PoweredByAlgebra to create pool form

cryptoalgebra · Mar 21, 2024 · 7df7993 · 7df7993
1 parent 410c0e6
commit 7df7993
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 45 deletions.
diff --git a/src/components/common/PoweredByAlgebra/index.tsx b/src/components/common/PoweredByAlgebra/index.tsx
@@ -0,0 +1,22 @@
+import AlgebraLogo from '@/assets/algebra-logo.svg';
+import AlgebraIntegral from '@/assets/algebra-itegral.svg';
+import { cn } from '@/lib/utils';
+
+const PoweredByAlgebra = ({ className }: { className?: string }) => {
+    return (
+        <a
+            href={'https://algebra.finance'}
+            className={cn('flex items-center gap-2 p-2', className)}
+        >
+            <span className="text-sm font-semibold">Powered by</span>
+            <div className="flex items-center gap-1">
+                <div className="flex items-center justify-center w-[18px] h-[18px] rounded-full">
+                    <img src={AlgebraLogo} width={18} height={18} />
+                </div>
+                <img src={AlgebraIntegral} width={120} height={18} />
+            </div>
+        </a>
+    );
+};
+
+export default PoweredByAlgebra;
diff --git a/src/pages/CreatePool/index.tsx b/src/pages/CreatePool/index.tsx
@@ -1,5 +1,6 @@
 import PageContainer from '@/components/common/PageContainer';
 import PageTitle from '@/components/common/PageTitle';
+import PoweredByAlgebra from '@/components/common/PoweredByAlgebra';
 import CreatePoolForm from '@/components/create-pool/CreatePoolForm';
 import { Button } from '@/components/ui/button';
 import { Link } from 'react-router-dom';
@@ -15,8 +16,11 @@ const CreatePoolPage = () => {
                     </Button>
                 </Link>
             </div>
-            <div className="w-[500px] max-lg:w-full mx-auto p-4 bg-card border-border border rounded-3xl mt-16 ">
-                <CreatePoolForm />
+            <div className="mr-auto">
+                <div className="w-[500px] max-lg:w-full p-4 bg-card border-border border rounded-3xl mt-16 ">
+                    <CreatePoolForm />
+                </div>
+                <PoweredByAlgebra className="mt-2" />
             </div>
         </PageContainer>
     );

diff --git a/src/pages/Swap/index.tsx b/src/pages/Swap/index.tsx
@@ -1,49 +1,31 @@
-import SwapPair from "@/components/swap/SwapPair";
-import SwapButton from "@/components/swap/SwapButton";
-import SwapParams from "@/components/swap/SwapParams";
-import PageContainer from "@/components/common/PageContainer";
-import PageTitle from "@/components/common/PageTitle";
-import AlgebraLogo from '@/assets/algebra-logo.svg'
-import AlgebraIntegral from '@/assets/algebra-itegral.svg'
+import SwapPair from '@/components/swap/SwapPair';
+import SwapButton from '@/components/swap/SwapButton';
+import SwapParams from '@/components/swap/SwapParams';
+import PageContainer from '@/components/common/PageContainer';
+import PageTitle from '@/components/common/PageTitle';
+import PoweredByAlgebra from '@/components/common/PoweredByAlgebra';
 
 const SwapPage = () => {
-
-    return <PageContainer>
-
-        <PageTitle title={'Swap'} />
-
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-x-0 gap-y-8 w-full lg:gap-8 mt-8 lg:mt-16">
-
-            <div className="flex flex-col gap-2">
-
-                {/* <IntegralPools /> */}
-
-                <div className="flex flex-col gap-1 w-full bg-card border border-card-border p-2 rounded-3xl">
-                    <SwapPair />
-                    <SwapParams />
-                    <SwapButton />
+    return (
+        <PageContainer>
+            <PageTitle title={'Swap'} />
+
+            <div className="grid grid-cols-1 lg:grid-cols-3 gap-x-0 gap-y-8 w-full lg:gap-8 mt-8 lg:mt-16">
+                <div className="flex flex-col gap-2">
+                    {/* <IntegralPools /> */}
+
+                    <div className="flex flex-col gap-1 w-full bg-card border border-card-border p-2 rounded-3xl">
+                        <SwapPair />
+                        <SwapParams />
+                        <SwapButton />
+                    </div>
+                    <PoweredByAlgebra />
                 </div>
 
-                <a href={'https://algebra.finance'} className="flex items-center gap-2 p-2">
-                        <span className="text-sm font-semibold">Powered by</span>
-                        <div className="flex items-center gap-1">
-                            <div className="flex items-center justify-center w-[18px] h-[18px] rounded-full">
-                                <img src={AlgebraLogo} width={18} height={18} />
-                            </div>
-                            <img  src={AlgebraIntegral} width={120} height={18} />
-                        </div>
-                    </a>
-
-            </div>
-
-            <div className="col-span-2">
-                {/* <SwapChart /> */}
+                <div className="col-span-2">{/* <SwapChart /> */}</div>
             </div>
+        </PageContainer>
+    );
+};
 
-        </div>
-
-    </PageContainer>
-
-}
-
-export default SwapPage;
+export default SwapPage;