add numpad/generate invoice step 1 to receive page, refactoring

6 files changed, 19 insertions, 21 deletions

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 580f442f..9998a4f6 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -1,4 +1,6 @@
 <script>
+	// we will want to dynamically use the users avatar on this screen if they have uploaded one
+
 	import { goto } from '$app/navigation';
 	import { Icon } from '$comp';
 </script>
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index d6d55863..89f4014f 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { goto } from '$app/navigation';
 	import { scroll } from '../lib/utils';
-	import { PrimaryButton, SecondaryButton, Icon } from '$comp';
+	import { Icon } from '$comp';
 
 	export let howItWorks;
 	export let faq;
@@ -17,8 +17,15 @@
 			<button on:click={() => scroll(howItWorks)}>How It Works</button>
 			<button on:click={() => scroll(faq)}>FAQ</button>
 			<button>About</button>
-			<SecondaryButton title="Start in Seconds" click={() => goto('/register')} />
-			<PrimaryButton title="Sign In" click={() => goto('/login')} />
+			<button class="border rounded-full px-6 py-2 font-bold" on:click={() => goto('/register')}
+				>Start in Seconds</button
+			>
+			<button
+				class="bg-black text-white border rounded-full px-6 py-2 font-bold"
+				on:click={() => goto('/login')}
+			>
+				Sign in
+			</button>
 		</div>
 	</nav>
 </header>
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 43f02134..2c2e1ab5 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { goto } from '$app/navigation';
-	import { PrimaryButton, Icon, Image } from '$comp';
+	import { Icon, Image } from '$comp';
 </script>
 
 <div>
@@ -20,7 +20,12 @@
 			of Sale. No software or hardware required.
 		</h2>
 		<div class="flex justify-center">
-			<PrimaryButton title="Start in Seconds" click={() => goto('/register')} />
+			<button
+				class="bg-black text-white border rounded-full px-6 py-2 font-bold"
+				on:click={() => goto('/register')}
+			>
+				Start in Seconds
+			</button>
 		</div>
 	</div>
 
diff --git a/src/components/PrimaryButton.svelte b/src/components/PrimaryButton.svelte
deleted file mode 100644
index ef8f7718..00000000
--- a/src/components/PrimaryButton.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script>
-	export let title;
-	export let click;
-</script>
-
-<button class="bg-black text-white border rounded-full px-6 py-2 font-bold" on:click={click}>
-	{title}
-</button>
diff --git a/src/components/SecondaryButton.svelte b/src/components/SecondaryButton.svelte
deleted file mode 100644
index 723a7569..00000000
--- a/src/components/SecondaryButton.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-	export let title;
-	export let click;
-</script>
-
-<button class="border rounded-full px-6 py-2 font-bold" on:click={click}>{title}</button>
diff --git a/src/components/index.js b/src/components/index.js
index 32082d8f..febf8dac 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,8 +3,6 @@ export { default as LandingHero } from './LandingHero.svelte';
 export { default as LandingInfoCard } from './LandingInfoCard.svelte';
 export { default as HowItWorksCard } from './HowItWorksCard.svelte';
 export { default as FaqCard } from './FaqCard.svelte';
-export { default as PrimaryButton } from './PrimaryButton.svelte';
-export { default as SecondaryButton } from './SecondaryButton.svelte';
 export { default as Icon } from './Icon.svelte';
 export { default as Image } from './Image.svelte';
 export { default as RegisterOrLogin } from './RegisterOrLogin.svelte';