Merge branch 'master' into hashme

7 files changed, 47 insertions, 33 deletions

diff --git a/src/components/About.svelte b/src/components/About.svelte
index 0a0ff874..4292b9fd 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -12,22 +12,7 @@
 				{ type: 'github', url: 'https://github.com/asoltys', color: 'bg-gray-800' }
 			]
 		},
-		{ name: 'cole', socials: [] },
-		{
-			name: 'john',
-			socials: []
-		},
-		{
-			name: 'shauna',
-			socials: [
-				{ type: 'twitter', url: 'https://twitter.com/ShaunaCollister', color: 'bg-[#1D9BF0]' },
-				{
-					type: 'linkedin',
-					url: 'https://www.linkedin.com/in/shauna-collister-32905214',
-					color: 'bg-[#0a66c2]'
-				}
-			]
-		}
+		{ name: 'cole', socials: [] }
 	];
 </script>
 
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 74afd7b9..51c70851 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -15,7 +15,6 @@
 	let menuButtons;
 	if (user)
 		menuButtons = [
-			{ key: 'nav.profile', icon: 'profile', href: `/${user.username}` },
 			{ key: 'nav.settings', icon: 'settings', href: `/${user.username}/settings` },
 			{ key: 'nav.support', icon: 'support', href: `/support` },
 			{ key: 'nav.signOut', icon: 'logout', href: `/logout` }
diff --git a/src/components/Code.svelte b/src/components/Code.svelte
new file mode 100644
index 00000000..a718c5ed
--- /dev/null
+++ b/src/components/Code.svelte
@@ -0,0 +1,29 @@
+<script>
+	import { copy } from '$lib/utils';
+	import { Icon } from '$comp';
+	import samples from '$lib/samples';
+	export let sample;
+</script>
+
+<div class="bg-black text-white rounded-lg p-4 flex gap-4 whitespace-pre-wrap font-mono">
+	<div class="overflow-x-scroll max-w-full scrollbar-hide">
+		<div class="break-all min-w-[800px]">{samples[sample]}</div>
+	</div>
+	<button
+		class="ml-auto my-auto invert opacity-90"
+		on:click={() => copy(samples[sample].replace(/^\s+/gm, '').replace(/\n/g, ''))}
+		><Icon icon="copy" style="w-10 max-w-none" /></button
+	>
+</div>
+
+<style>
+	.scrollbar-hide::-webkit-scrollbar {
+		display: none;
+	}
+
+	/* For IE, Edge and Firefox */
+	.scrollbar-hide {
+		-ms-overflow-style: none; /* IE and Edge */
+		scrollbar-width: none; /* Firefox */
+	}
+</style>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index a33716d4..7520e5d4 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -4,8 +4,8 @@
 
 	const followLinks = [
 		{ url: 'https://twitter.com/coinoswallet', titleID: 'twitter' },
-		{ url: 'https://github.com/coinos', titleID: 'github' },
-		{ url: 'https://t.me/coinoswallet', titleID: 'telegram' }
+		{ url: 'https://t.me/coinoswallet', titleID: 'telegram' },
+		{ url: 'https://linktr.ee/coinos.io', titleID: 'linktree' }
 	];
 
 	const companyLinks = [
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index f9db5ea0..ed7907c1 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -40,29 +40,29 @@
 				<button class="hover:opacity-80" on:click={() => scroll(about)}>{$t('about.header')}</button
 				>
 			{/if}
-			{#if !user}
+			{#if user}
 				<button
-					class="border rounded-full px-6 py-2 font-bold hover:opacity-80"
-					on:click={() => goto('/register')}
-					>{$t('nav.startInSeconds')}
+					class="border rounded-full px-6 py-2 font-bold"
+					on:click={() => goto(`/${user.username}`)}
+					>Home
 				</button>
 				<button
-					class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80"
-					on:click={() => goto('/login')}
+					class="bg-black text-white border rounded-full px-6 py-2 font-bold"
+					on:click={() => goto('/logout')}
 				>
-					{$t('nav.signIn')}
+					{$t('nav.signOut')}
 				</button>
 			{:else}
 				<button
-					class="border rounded-full px-6 py-2 font-bold"
-					on:click={() => goto(`/${user.username}`)}
-					>{$t('nav.account')}
+					class="border rounded-full px-6 py-2 font-bold hover:opacity-80"
+					on:click={() => goto('/register')}
+					>{$t('nav.startInSeconds')}
 				</button>
 				<button
-					class="bg-black text-white border rounded-full px-6 py-2 font-bold"
-					on:click={() => goto('/logout')}
+					class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80"
+					on:click={() => goto('/login')}
 				>
-					{$t('nav.signOut')}
+					{$t('nav.signIn')}
 				</button>
 			{/if}
 		</div>
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index 47bd9375..77a4f38b 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -9,7 +9,7 @@
 		fiat = !amount,
 		submit = undefined;
 
-	let amountFiat = 0;
+	export let amountFiat = 0;
 	let arrow = '<';
 
 	$: update(amount, amountFiat);
diff --git a/src/components/index.js b/src/components/index.js
index 0d1d8d1d..1853e7c9 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,3 +1,4 @@
+export { default as Code } from './Code.svelte';
 export { default as Slider } from './Slider.svelte';
 export { default as Pinpad } from './Pinpad.svelte';
 export { default as Balance } from './Balance.svelte';