chore: update channel formating for footer

hackerspace-ntnu · Jan 20, 2024 · 44d9129 · 44d9129
1 parent 777b5d9
commit 44d9129
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -17,7 +17,7 @@
     "links": "Links",
     "utilities": "Utilities",
     "haveYouFoundA": "Have you found a",
-    "utilitiesDescription": "Feel free to send a <MailLink></MailLink> to DevOps or use the #dev-public channel on <SlackLink>Slack</SlackLink>! You can also report errors or suggest improvements on <GithubLink>GitHub</GithubLink>.",
+    "utilitiesDescription": "Feel free to send a <MailLink></MailLink> to DevOps or use the <code>#dev-public</code> channel on <SlackLink>Slack</SlackLink>! You can also report errors or suggest improvements on <GithubLink>GitHub</GithubLink>.",
     "openingHours": "Opening hours",
     "allWeekdays": "Mon-Fri",
     "socialMedia": "Social media",

diff --git a/messages/no.json b/messages/no.json
@@ -17,7 +17,7 @@
     "links": "Lenker",
     "utilities": "Verktøy",
     "haveYouFoundA": "Har du funnet en",
-    "utilitiesDescription": "Send gjerne en <MailLink></MailLink> til DevOps eller bruk #dev-public kanalen på <SlackLink>Slack</SlackLink>! Du kan også rapportere feil eller gi oss forslag til forbedringer på <GithubLink>GitHub</GithubLink>.",
+    "utilitiesDescription": "Send gjerne en <MailLink></MailLink> til DevOps eller bruk <code>#dev-public</code> kanalen på <SlackLink>Slack</SlackLink>! Du kan også rapportere feil eller gi oss forslag til forbedringer på <GithubLink>GitHub</GithubLink>.",
     "openingHours": "Åpningstider",
     "allWeekdays": "Mandag - Fredag",
     "socialMedia": "Sosiale medier",

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -142,6 +142,9 @@ function Footer() {
               {t('haveYouFoundA')} <Bug className='inline h-4 w-4' />?
               <br />
               {t.rich('utilitiesDescription', {
+                code: (children) => (
+                  <code className='inline-block text-xs'>{children}</code>
+                ),
                 MailLink: () => (
                   <Button className='inline' asChild variant='link' size='none'>
                     <ExternalLink
@@ -153,7 +156,7 @@ function Footer() {
                   </Button>
                 ),
                 SlackLink: (children) => (
-                  <Button asChild variant='link' size='none'>
+                  <Button className='inline' asChild variant='link' size='none'>
                     <ExternalLink
                       href='https://hackerspace-ntnu.slack.com/archives/CDK99FYTY'
                       prefetch={false}
@@ -166,7 +169,7 @@ function Footer() {
                   </Button>
                 ),
                 GithubLink: (children) => (
-                  <Button asChild variant='link' size='none'>
+                  <Button className='inline' asChild variant='link' size='none'>
                     <ExternalLink
                       href='https://github.com/hackerspace-ntnu/website-frontend/issues'
                       prefetch={false}