feat: Reuse dictionary in preferences support page (#2834)

* feat: Re-use dictonary text in Preferences/Support component * feat: Re-use dictionary text in Preferences/Support component
usebruno · Aug 16, 2024 · f0b7bf3 · f0b7bf3
1 parent 4169bb7
commit f0b7bf3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/packages/bruno-app/src/components/Preferences/Support/index.js b/packages/bruno-app/src/components/Preferences/Support/index.js
@@ -1,39 +1,42 @@
 import React from 'react';
 import { IconSpeakerphone, IconBrandTwitter, IconBrandGithub, IconBrandDiscord, IconBook } from '@tabler/icons';
 import StyledWrapper from './StyledWrapper';
+import { useDictionary } from 'providers/Dictionary/index';
 
 const Support = () => {
+ const { dictionary } = useDictionary();
+
  return (
  <StyledWrapper>
  <div className="rows">
  <div className="mt-2">
  <a href="https://docs.usebruno.com" target="_blank" className="flex items-end">
  <IconBook size={18} strokeWidth={2} />
- <span className="label ml-2">Documentation</span>
+ <span className="label ml-2">{dictionary.documentation}</span>
  </a>
  </div>
  <div className="mt-2">
  <a href="https://github.com/usebruno/bruno/issues" target="_blank" className="flex items-end">
  <IconSpeakerphone size={18} strokeWidth={2} />
- <span className="label ml-2">Report Issues</span>
+ <span className="label ml-2">{dictionary.reportIssues}</span>
  </a>
  </div>
  <div className="mt-2">
  <a href="https://discord.com/invite/KgcZUncpjq" target="_blank" className="flex items-end">
  <IconBrandDiscord size={18} strokeWidth={2} />
- <span className="label ml-2">Discord</span>
+ <span className="label ml-2">{dictionary.discord}</span>
  </a>
  </div>
  <div className="mt-2">
  <a href="https://github.com/usebruno/bruno" target="_blank" className="flex items-end">
  <IconBrandGithub size={18} strokeWidth={2} />
- <span className="label ml-2">GitHub</span>
+ <span className="label ml-2">{dictionary.gitHub}</span>
  </a>
  </div>
  <div className="mt-2">
  <a href="https://twitter.com/use_bruno" target="_blank" className="flex items-end">
  <IconBrandTwitter size={18} strokeWidth={2} />
- <span className="label ml-2">Twitter</span>
+ <span className="label ml-2">{dictionary.twitter}</span>
  </a>
  </div>
  </div>

diff --git a/packages/bruno-app/src/dictionaries/en.js b/packages/bruno-app/src/dictionaries/en.js
@@ -10,5 +10,7 @@ export default {
  collectionImportedSuccessfully: 'Collection imported successfully',
  errorWhileOpeningCollection: 'An error occurred while opening the collection',
  errorWhileImportingCollection:
- 'An error occurred while importing the collection. Check the logs for more information.'
+ 'An error occurred while importing the collection. Check the logs for more information.',
+ discord: 'Discord',
+ twitter: 'Twitter'
 };