diff --git a/ts/components/settings/SessionSettingListItem.tsx b/ts/components/settings/SessionSettingListItem.tsx index c511c66f0..7cf6e1f19 100644 --- a/ts/components/settings/SessionSettingListItem.tsx +++ b/ts/components/settings/SessionSettingListItem.tsx @@ -1,5 +1,6 @@ import styled from 'styled-components'; +import { shell } from 'electron'; import { isEmpty, pick } from 'lodash'; import { ReactNode } from 'react'; import { Flex } from '../basic/Flex'; @@ -130,12 +131,21 @@ export const SessionSettingsItemWrapper = (props: { ); }; -export const SessionSettingsTitleWithLink = (props: { title: string; onClick: () => void }) => { - const { onClick, title } = props; +export const SessionSettingsTitleWithLink = (props: { title: string; link: string }) => { + const { title, link } = props; return ( - + { + void shell.openExternal(link); + }} + > - + ); }; diff --git a/ts/components/settings/section/CategoryHelp.tsx b/ts/components/settings/section/CategoryHelp.tsx index efd82673d..35f3e5e57 100644 --- a/ts/components/settings/section/CategoryHelp.tsx +++ b/ts/components/settings/section/CategoryHelp.tsx @@ -1,4 +1,4 @@ -import { ipcRenderer, shell } from 'electron'; +import { ipcRenderer } from 'electron'; import { SessionButtonShape, SessionButtonType } from '../../basic/SessionButton'; @@ -19,19 +19,19 @@ export const SettingsCategoryHelp = () => { /> void shell.openExternal('https://getsession.org/survey')} + link={'https://getsession.org/survey'} /> void shell.openExternal('https://crowdin.com/project/session-desktop/')} + link={'https://getsession.org/translate'} /> void shell.openExternal('https://getsession.org/faq')} + link={'https://getsession.org/faq'} /> void shell.openExternal('https://sessionapp.zendesk.com/hc/en-us')} + link={'https://sessionapp.zendesk.com/hc/en-us'} /> );