Merge pull request #23 from MyriadFlow/main

work on landing responsiveness
MyriadFlow · Nov 25, 2024 · 600d90a · 600d90a
2 parents a01c4e6 + d3f358d
commit 600d90a
Show file tree

Hide file tree

Showing 8 changed files with 1,758 additions and 791 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -4,9 +4,7 @@ on:
   push:
     branches:
       - prod
-  pull_request:
-    branches:
-      - prod
+      - main
 
 jobs:
   next-build:
@@ -70,3 +68,20 @@ jobs:
             echo ${{ secrets.GHCR_TOKEN }} | sudo docker login ghcr.io -u ${{ secrets.GHCR_USERNAME }} --password-stdin
             sudo docker pull ghcr.io/myriadflow/studio:prod
             sudo docker run --name="studio" -p 9080:3000 -d ghcr.io/myriadflow/studio:prod
+
+      - name: Deploy on Developent server
+        if: github.ref == 'refs/heads/main'
+        uses: appleboy/[email protected]
+        with:
+          host: ${{ secrets.DEV_REMOTE_SERVER_ADDRESS }}
+          username: ${{ secrets.SERVER_USERNAME }}
+          key: ${{ secrets.DEV_REMOTE_SERVER_KEY }}
+          port: ${{ secrets.SSH_PORT }}
+          script: |
+            pwd
+            cd ~
+            sudo docker stop studio && sudo docker rm studio && sudo docker rmi ghcr.io/myriadflow/studio:main
+            echo ${{ secrets.GHCR_TOKEN }} | sudo docker login ghcr.io -u ${{ secrets.GHCR_USERNAME }} --password-stdin
+            sudo docker pull ghcr.io/myriadflow/studio:main
+            sudo docker run --name="studio" -p 9080:3000 -d ghcr.io/myriadflow/studio:main
+
diff --git a/.github/workflows/check_build.yml → check_build.txt b/.github/workflows/check_build.yml → check_build.txt
diff --git a/src/app/congratulations/page.tsx b/src/app/congratulations/page.tsx
@@ -1,60 +1,68 @@
-'use client'
-import { useSearchParams } from 'next/navigation'
-import { Button, Navbar } from '@/components'
-import Link from 'next/link'
-import { Suspense, useState } from 'react'
+"use client";
+import { useSearchParams } from "next/navigation";
+import { Button, Navbar } from "@/components";
+import Link from "next/link";
+import { Suspense, useState } from "react";
 
 export default function Congratulations() {
+  const brand_name = localStorage.getItem("brand_name");
 
-	const brand_name = localStorage.getItem('brand_name')
+  const [selectedOption, setSelectedOption] = useState<string>("");
 
-	const [selectedOption, setSelectedOption] = useState<string>('');
+  const handleSelectChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    setSelectedOption(event.target.value);
+  };
 
-	const handleSelectChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-		setSelectedOption(event.target.value);
-	};
-
-	return (
-		<Suspense>
-			<Navbar />
-			<main className='h-screen py-12 px-16 flex flex-col gap-8 text-black'>
-				<h1 className='text-3xl font-bold'>Congratulations</h1>
-				<p className='text-xl'>Your brand {brand_name} has been launched successfully. <br />You are now ready to launch NFTs.</p>
-				<h1 className='text-4xl font-medium'>What would you like to create?</h1>
-				<div>
-					<select
-						style={{
-							backgroundImage: "url('/choose-down-arrow.png')",
-							backgroundRepeat: "no-repeat",
-							backgroundPosition: "right 1rem center",
-							backgroundSize: "16px 16px",
-							appearance: "none",
-							paddingRight: "2rem"
-						}}
-						className="bg-white rounded w-3/12 h-10 mt-8 border border-black px-4 font-semibold"
-						onChange={handleSelectChange}
-						value={selectedOption}
-					>
-						<option value="">+ Choose</option>
-						<option value="rare">Rare item (ERC-721)</option>
-						<option value="limited">Limited Edition (ERC-721A)</option>
-					</select>
-					{selectedOption === 'limited' ? (
-						<Link href="/create-phygital">
-							<Button className="w-fit bg-[#30D8FF] hover:text-white rounded-full text-black text-2xl ml-20">
-								Continue
-							</Button>
-						</Link>
-					) : (
-						<Button
-							className="w-fit bg-[#30D8FF] hover:text-white rounded-full text-black text-2xl ml-20"
-							disabled={selectedOption !== 'limited'}
-						>
-							Continue
-						</Button>
-					)}
-				</div>
-			</main>
-		</Suspense>
-	)
+  return (
+    <Suspense>
+      <Navbar />
+      <main className="h-screen py-12 px-16 flex flex-col gap-8 text-black">
+        <h1 className="text-3xl font-bold">Congratulations</h1>
+        <p className="text-xl">
+          Your brand {brand_name} has been launched successfully. <br />
+          You are now ready to launch NFTs.
+        </p>
+        <h1 className="text-4xl font-medium">What would you like to create?</h1>
+        <div>
+          <select
+            style={{
+              backgroundImage: "url('/choose-down-arrow.png')",
+              backgroundRepeat: "no-repeat",
+              backgroundPosition: "right 1rem center",
+              backgroundSize: "16px 16px",
+              appearance: "none",
+              paddingRight: "2rem",
+            }}
+            className="bg-white rounded w-3/12 h-10 mt-8 border border-black px-4 font-semibold"
+            onChange={handleSelectChange}
+            value={selectedOption}
+          >
+            <option value="">+ Choose</option>
+            <option value="rare">Rare item (ERC-721)</option>
+            <option value="limited">Limited Edition (ERC-721A)</option>
+          </select>
+          {selectedOption === "limited" ? (
+            <Link href="/create-phygital">
+              <Button className="w-fit bg-[#30D8FF] hover:text-white rounded-full text-black text-2xl ml-20">
+                Continue
+              </Button>
+            </Link>
+          ) : selectedOption === "rare" ? (
+            <Link href="/create-rare-item">
+              <Button className="w-fit bg-[#30D8FF] hover:text-white rounded-full text-black text-2xl ml-20">
+                Continue
+              </Button>
+            </Link>
+          ) : (
+            <Button
+              className="w-fit bg-[#30D8FF] hover:text-white rounded-full text-black text-2xl ml-20"
+              disabled={selectedOption !== "limited"}
+            >
+              Continue
+            </Button>
+          )}
+        </div>
+      </main>
+    </Suspense>
+  );
 }