From 995e4c73f71035c8b20df37f75f5fc1ac4879816 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@yarmo.eu>
Date: Wed, 4 Oct 2023 10:06:21 +0200
Subject: [PATCH] feat: add QR button for profiles

---
 static-src/styles/typography.scss |  2 +-
 views/profile.pug                 | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/static-src/styles/typography.scss b/static-src/styles/typography.scss
index e300cfe..adc6765 100644
--- a/static-src/styles/typography.scss
+++ b/static-src/styles/typography.scss
@@ -35,7 +35,7 @@ h1 {
     cursor: default;
 }
 h2 {
-    margin: 2em 0 0.5em;
+    margin: 1em 0 0.5em;
     font-size: 1.2em;
     font-weight: bold;
     color: var(--h2-color);
diff --git a/views/profile.pug b/views/profile.pug
index b858a31..c36d0d6 100644
--- a/views/profile.pug
+++ b/views/profile.pug
@@ -23,7 +23,7 @@ mixin generatePersona(persona, isPrimary)
               .info
                 img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'")
                 p
-                  span.title= claim.display.name
+                  span.title= claim.display.profileName
                   span.subtitle-wrapper
                     |  [
                     span.subtitle= claim.display.serviceproviderName
@@ -130,6 +130,8 @@ block content
           each persona, index in data.personas
             unless index == data.primaryPersonaIndex
               +generatePersona(persona, false)
+          h2 Profile
+          button(onClick=`showQR('${data.identifier}', 'profile_identifier')` aria-label='Show profile ID QR') Profile ID QR
 
     section
       h2 Profile information
@@ -151,9 +153,3 @@ block content
                 div
                   p Key link: 
                     a.u-key(href=data.publicKey.fetch.resolvedUrl rel="pgpkey" aria-label="Link to cryptographic key")= data.publicKey.fetch.resolvedUrl
-              hr
-              if (data.profileType === 'openpgp')
-                .subsection
-                  img(src='/static/img/qrcode.png')
-                  div
-                    button(onClick=`showQR('${data.publicKey.fingerprint}', 'fingerprint')` aria-label='Show QR code for cryptographic fingerprint') Show OpenPGP fingerprint QR
\ No newline at end of file