diff --git a/src/containers/Connections/Devices/index.tsx b/src/containers/Connections/Devices/index.tsx index d228676..2db3110 100644 --- a/src/containers/Connections/Devices/index.tsx +++ b/src/containers/Connections/Devices/index.tsx @@ -1,6 +1,7 @@ -import React from 'react' +import React, { useMemo } from 'react' import classnames from 'classnames' import { BaseComponentProps } from '@models' +import { useI18n } from '@stores' import './style.scss' interface DevicesProps extends BaseComponentProps { @@ -10,6 +11,9 @@ interface DevicesProps extends BaseComponentProps { } export function Devices (props: DevicesProps) { + const { translation } = useI18n() + const t = useMemo(() => translation('Connections').t, [translation]) + const { className, style } = props const classname = classnames('connections-devices', className) function handleSelected (label: string) { @@ -18,7 +22,9 @@ export function Devices (props: DevicesProps) { return (