mirror of
https://github.com/usebruno/bruno.git
synced 2025-06-25 06:21:57 +02:00
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
This commit is contained in:
parent
4169bb7ea4
commit
f0b7bf3430
@ -1,39 +1,42 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { IconSpeakerphone, IconBrandTwitter, IconBrandGithub, IconBrandDiscord, IconBook } from '@tabler/icons';
|
import { IconSpeakerphone, IconBrandTwitter, IconBrandGithub, IconBrandDiscord, IconBook } from '@tabler/icons';
|
||||||
import StyledWrapper from './StyledWrapper';
|
import StyledWrapper from './StyledWrapper';
|
||||||
|
import { useDictionary } from 'providers/Dictionary/index';
|
||||||
|
|
||||||
const Support = () => {
|
const Support = () => {
|
||||||
|
const { dictionary } = useDictionary();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledWrapper>
|
<StyledWrapper>
|
||||||
<div className="rows">
|
<div className="rows">
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<a href="https://docs.usebruno.com" target="_blank" className="flex items-end">
|
<a href="https://docs.usebruno.com" target="_blank" className="flex items-end">
|
||||||
<IconBook size={18} strokeWidth={2} />
|
<IconBook size={18} strokeWidth={2} />
|
||||||
<span className="label ml-2">Documentation</span>
|
<span className="label ml-2">{dictionary.documentation}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<a href="https://github.com/usebruno/bruno/issues" target="_blank" className="flex items-end">
|
<a href="https://github.com/usebruno/bruno/issues" target="_blank" className="flex items-end">
|
||||||
<IconSpeakerphone size={18} strokeWidth={2} />
|
<IconSpeakerphone size={18} strokeWidth={2} />
|
||||||
<span className="label ml-2">Report Issues</span>
|
<span className="label ml-2">{dictionary.reportIssues}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<a href="https://discord.com/invite/KgcZUncpjq" target="_blank" className="flex items-end">
|
<a href="https://discord.com/invite/KgcZUncpjq" target="_blank" className="flex items-end">
|
||||||
<IconBrandDiscord size={18} strokeWidth={2} />
|
<IconBrandDiscord size={18} strokeWidth={2} />
|
||||||
<span className="label ml-2">Discord</span>
|
<span className="label ml-2">{dictionary.discord}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<a href="https://github.com/usebruno/bruno" target="_blank" className="flex items-end">
|
<a href="https://github.com/usebruno/bruno" target="_blank" className="flex items-end">
|
||||||
<IconBrandGithub size={18} strokeWidth={2} />
|
<IconBrandGithub size={18} strokeWidth={2} />
|
||||||
<span className="label ml-2">GitHub</span>
|
<span className="label ml-2">{dictionary.gitHub}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
<a href="https://twitter.com/use_bruno" target="_blank" className="flex items-end">
|
<a href="https://twitter.com/use_bruno" target="_blank" className="flex items-end">
|
||||||
<IconBrandTwitter size={18} strokeWidth={2} />
|
<IconBrandTwitter size={18} strokeWidth={2} />
|
||||||
<span className="label ml-2">Twitter</span>
|
<span className="label ml-2">{dictionary.twitter}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -10,5 +10,7 @@ export default {
|
|||||||
collectionImportedSuccessfully: 'Collection imported successfully',
|
collectionImportedSuccessfully: 'Collection imported successfully',
|
||||||
errorWhileOpeningCollection: 'An error occurred while opening the collection',
|
errorWhileOpeningCollection: 'An error occurred while opening the collection',
|
||||||
errorWhileImportingCollection:
|
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'
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user