profile details

10 files changed, 23 insertions, 51 deletions

diff --git a/src/locales/de.json b/src/locales/de.json
index 55d647fc..73fa778e 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -194,7 +194,6 @@
 		"scanToPayBTC": "Den QR-Code scannen um mit Bitcoin zu zahlen",
 		"this": "Das",
 		"lightningAddress": "Lightning Adresse",
-		"likeAnEmail": "ist wie eine E-Mail Adresse für Bitcoin. Sie können diese auf Ihrer Website oder auf Ihren Visitenkarten veröffentlichen und mehrfach verwenden.",
 		"dashboard": {
 			"go": "Los",
 			"dashboard": "Übersicht",
diff --git a/src/locales/el.json b/src/locales/el.json
index 054dcff1..d94c2627 100644
--- a/src/locales/el.json
+++ b/src/locales/el.json
@@ -176,7 +176,6 @@
 		"scanToPayBTC": "Σάρωση για πληρωμή με bitcoin",
 		"this": "Αυτό",
 		"lightningAddress": "διεύθυνση lightning",
-		"likeAnEmail": "Είναι σαν ένα μήνυμα ηλεκρτονικού ταχυδρομείου για το bitcoin. Μπορείτε να το δημοσιεύσετε στον ιστότοπο ή τις επαγγελματικές σας κάρτες και να το χρησιμοποιήσετε πολλές φορές ",
 		"dashboard": {
 			"go": "Πηγαίνετε",
 			"dashboard": "Πίνακας Ελέγχου",
diff --git a/src/locales/en.json b/src/locales/en.json
index 3fe36200..a1d0c0aa 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -161,6 +161,8 @@
 		"subheader": "Latest Updates"
 	},
 	"user": {
+    "profilePage": "Profile page",
+    "nostrPubkey": "Nostr pubkey",
     "requestPayment": "Request Payment",
     "welcome": "Welcome! Your account balance is empty. You can start by making a deposit or by asking someone to pay you.",
     "showBalance": "Show Balance",
@@ -180,8 +182,7 @@
 		"pay": "Pay",
 		"scanToPayBTC": "Scan to pay with bitcoin",
 		"this": "This",
-		"lightningAddress": "lightning address",
-		"likeAnEmail": "is like an email for bitcoin. You can publish it on your website or business cards and use it multiple times.",
+    "lightningAddress": "Lightning address",
 		"dashboard": {
 			"go": "Go",
 			"dashboard": "Dashboard",
diff --git a/src/locales/es.json b/src/locales/es.json
index 3742a6cf..e506696c 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -176,8 +176,7 @@
 		"remove": "Eliminar",
 		"scanToPayBTC": "Escanear para pagar con bitcoin",
 		"this": "Esta",
-		"lightningAddress": "dirección lightning",
-		"likeAnEmail": "es como un correo electrónico para bitcoin. Puede publicarlo en su sitio web o tarjetas de presentación y usarlo múltiples veces.",
+		"lightningAddress": "Dirección lightning",
 		"dashboard": {
 			"go": "Ir",
 			"dashboard": "Panel",
diff --git a/src/locales/fa.json b/src/locales/fa.json
index 28f7db2b..fb5a4418 100644
--- a/src/locales/fa.json
+++ b/src/locales/fa.json
@@ -156,8 +156,7 @@
 		"pay": "Pay",
 		"scanToPayBTC": "Scan to pay with bitcoin",
 		"this": "This",
-		"lightningAddress": "lightning address",
-		"likeAnEmail": "is like an email for bitcoin. You can publish it on your website or business cards and use it multiple times.",
+		"lightningAddress": "Lightning address",
 		"dashboard": {
 			"go": "Go",
 			"dashboard": "Dashboard",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index f6ce8bbb..b3f25bb8 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -235,8 +235,7 @@
 		"unfollow": "Ne plus suivre",
 		"following": "Vous suivez",
 		"this": "Cette",
-		"lightningAddress": "adresse de Lightning",
-		"likeAnEmail": "est comme un courriel pour bitcoin.  Vous pouvez le publier sur votre site web ou votre carte de visite et l'utiliser plusieurs fois.",
+		"lightningAddress": "Adresse de lightning",
 		"send": {
 			"contacts": "Contacts",
 			"scan": "Scannez",
diff --git a/src/locales/pt.json b/src/locales/pt.json
index ba7424ef..f4fb5408 100644
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@@ -183,8 +183,7 @@
 		"pay": "Pagar",
 		"scanToPayBTC": "Escaneie para pagar com bitcoin",
 		"this": "Este",
-		"lightningAddress": "endereço lightning",
-		"likeAnEmail": "é como um email para o bitcoin. Você pode publicá-lo em seu site ou cartão de visita e usá-lo várias vezes.",
+		"lightningAddress": "Endereço lightning",
 		"dashboard": {
 			"go": "Ir",
 			"dashboard": "Painel de controle",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 402f0214..8fc41c38 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -165,8 +165,7 @@
 		"pay": "Pay",
 		"scanToPayBTC": "Scan to pay with bitcoin",
 		"this": "This",
-		"lightningAddress": "lightning address",
-		"likeAnEmail": "is like an email for bitcoin. You can publish it on your website or business cards and use it multiple times.",
+		"lightningAddress": "Lightning address",
 		"dashboard": {
 			"go": "Go",
 			"dashboard": "Dashboard",
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index b000891e..35c316bb 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -60,7 +60,7 @@
 
 <div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap space-y-5">
 	<div class="hidden lg:block lg:w-[300px]" />
-	<div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto">
+	<div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-md">
 		<div
 			class="flex text-3xl font-bold text-center mx-auto justify-center gap-2"
 			on:click={toggleDetails}
@@ -71,45 +71,48 @@
 
 		{#if showDetails}
 			<div>
+        <div class="font-bold">{$t('user.profilePage')}</div>
 				<div class="flex gap-2">
 					<div class="break-all grow text-secondary text-lg">
-						{npub}
+						{profile}
 					</div>
 					<div class="flex mb-auto gap-1">
-						<button class="my-auto hover:opacity-40" on:click={() => copy(npub)}
+						<button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(profile)}
 							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
 						>
-						<a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto hover:opacity-40">
+						<a href={`/qr/${encodeURIComponent(profile)}`} class="my-auto opacity-60 hover:opacity-100">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
 				</div>
 			</div>
 			<div>
+        <div class="font-bold">{$t('user.lightningAddress')}</div>
 				<div class="flex gap-2">
 					<div class="break-all grow text-secondary text-lg">
 						{lnaddr}
 					</div>
 					<div class="flex mb-auto gap-1">
-						<button class="my-auto hover:opacity-40" on:click={() => copy(lnaddr)}
+						<button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(lnaddr)}
 							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
 						>
-						<a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto hover:opacity-40">
+						<a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto opacity-60 hover:opacity-100">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
 				</div>
 			</div>
 			<div>
+        <div class="font-bold">{$t('user.nostrPubkey')}</div>
 				<div class="flex gap-2">
 					<div class="break-all grow text-secondary text-lg">
-						{profile}
+						{npub}
 					</div>
-					<div class="flex mb-auto gap-1">
-						<button class="my-auto hover:opacity-40" on:click={() => copy(profile)}
-							><Icon icon="copy" style="max-w-max min-w-[32px] hover:opacity-40" /></button
+					<div class="flex my-auto gap-1">
+						<button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(npub)}
+							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
 						>
-						<a href={`/qr/${encodeURIComponent(profile)}`} class="my-auto hover:opacity-40">
+						<a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto opacity-60 hover:opacity-100">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
index 47c4c4c6..26c327c0 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
@@ -74,33 +74,8 @@
 			type="text"
 			name="username"
 			bind:value={user.username}
-			class="border-r-0 rounded-r-none w-auto min-w-0 pr-1 grow"
+			class="w-auto min-w-0 pr-1 grow"
 		/>
-		<div class="text-gray-600 p-4 my-auto bg-gray-100 border border-r-0 pl-1">
-			@{$page.url.host}
-		</div>
-		<div class="text-gray-600 border-l-0 bg-gray-100 rounded-r-2xl p-4 my-auto border w-16">
-			<a href={`/qr/${encodeURIComponent(addr)}`}>
-				<Icon icon="qr" style="invert" />
-			</a>
-		</div>
-	</div>
-
-	<div class="flex mb-2">
-		<div class="text-gray-600 rounded-l-2xl p-4 my-auto border bg-gray-100 pr-1">
-			{$page.url.host}/
-		</div>
-		<input
-			type="text"
-			name="username"
-			bind:value={user.username}
-			class="grow border-l-0 rounded-l-none border-r-0 rounded-r-none w-auto pl-1 min-w-0"
-		/>
-		<div class="text-gray-600 rounded-r-2xl p-4 my-auto border bg-gray-100 w-16">
-			<a href={`/qr/${encodeURIComponent(full)}`}>
-				<Icon icon="qr" style="invert" />
-			</a>
-		</div>
 	</div>
 </div>