diff --git a/app/components/InputSearch.js b/app/components/InputSearch.js index a6ede2a5..c5db89b7 100644 --- a/app/components/InputSearch.js +++ b/app/components/InputSearch.js @@ -17,6 +17,8 @@ type Props = { theme: Theme, source: string, placeholder?: string, + label?: string, + labelHidden?: boolean, collectionId?: string, t: TFunction, }; @@ -68,6 +70,8 @@ class InputSearch extends React.Component { color={this.focused ? theme.inputBorderFocused : theme.inputBorder} /> } + label={this.props.label} + labelHidden={this.props.labelHidden} onFocus={this.handleFocus} onBlur={this.handleBlur} margin={0} diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js index 1e2682ca..b3cd91b6 100644 --- a/app/components/Sidebar/Sidebar.js +++ b/app/components/Sidebar/Sidebar.js @@ -159,7 +159,7 @@ function Sidebar({ location, children }: Props) { onDoubleClick={handleReset} $isResizing={isResizing} > - + )} diff --git a/app/components/Star.js b/app/components/Star.js index b0b6ef60..d7979b66 100644 --- a/app/components/Star.js +++ b/app/components/Star.js @@ -1,6 +1,7 @@ // @flow import { StarredIcon } from "outline-icons"; import * as React from "react"; +import { useTranslation } from "react-i18next"; import styled from "styled-components"; import Document from "models/Document"; import NudeButton from "./NudeButton"; @@ -11,6 +12,7 @@ type Props = {| |}; function Star({ size, document, ...rest }: Props) { + const { t } = useTranslation(); const handleClick = React.useCallback( (ev: SyntheticEvent<>) => { ev.preventDefault(); @@ -30,7 +32,12 @@ function Star({ size, document, ...rest }: Props) { } return ( -