From cae26c666da35d138050b417d0cc380d808a3203 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 19 Feb 2024 04:33:29 -0700
Subject: [PATCH] Update landing nav, fix curated onboarding state

---
 .../components/landing/sections/nav.vue       | 67 +++++++++++--------
 1 file changed, 40 insertions(+), 27 deletions(-)

diff --git a/resources/assets/components/landing/sections/nav.vue b/resources/assets/components/landing/sections/nav.vue
index 38fde6ef2..16dbfef1e 100644
--- a/resources/assets/components/landing/sections/nav.vue
+++ b/resources/assets/components/landing/sections/nav.vue
@@ -1,33 +1,46 @@
 <template>
-	<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
-		<div class="container" style="max-width: 600px;">
-			<router-link to="/" class="navbar-brand">
-				<img src="/img/pixelfed-icon-color.svg" width="40" height="40" alt="Logo">
-				<span class="mr-3">{{ name }}</span>
-			</router-link>
-			<ul class="navbar-nav mr-auto">
-			</ul>
-			<div class="my-2 my-lg-0">
-				<a class="btn btn-outline-light btn-sm rounded-pill font-weight-bold px-4" href="/login">Login</a>
+    <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
+        <div class="container" style="max-width: 600px;">
+            <router-link to="/" class="navbar-brand">
+                <img src="/img/pixelfed-icon-color.svg" width="40" height="40" alt="Logo">
+                <span class="mr-3">{{ name }}</span>
+            </router-link>
+            <ul class="navbar-nav mr-auto">
+            </ul>
+            <div class="my-2 my-lg-0">
+                <a class="btn btn-outline-light btn-sm rounded-pill font-weight-bold px-4" href="/login">Login</a>
 
-				<a v-if="config.open_registration" class="ml-2 btn btn-primary btn-primary-alt btn-sm rounded-pill font-weight-bold px-4" href="/register">Sign up</a>
-			</div>
-		</div>
-	</nav>
+                <a v-if="config.open_registration || config.curated_onboarding" class="ml-2 btn btn-primary btn-primary-alt btn-sm rounded-pill font-weight-bold px-4" :href="regLink">Sign up</a>
+            </div>
+        </div>
+    </nav>
 </template>
 
 <script type="text/javascript">
-	export default {
-		data() {
-			return {
-				config: window.pfl,
-				name: window.pfl.name,
-			}
-		},
-		mounted() {
-			$(window).scroll(function(){
-				$('nav').toggleClass('bg-black', $(this).scrollTop() > 20);
-			});
-		}
-	}
+    export default {
+        data() {
+            return {
+                config: window.pfl,
+                name: window.pfl.name,
+            }
+        },
+        computed: {
+            regLink: {
+                get() {
+                    if(this.config.open_registration) {
+                        return '/register';
+                    }
+
+                    if(this.config.curated_onboarding) {
+                        return '/auth/sign_up';
+                    }
+                }
+            }
+        },
+        mounted() {
+            $(window).scroll(function(){
+                $('nav').toggleClass('bg-black', $(this).scrollTop() > 20);
+            });
+        }
+    }
 </script>