diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index dd671b4..82441f9 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,5 +1,6 @@ -import { GearIcon } from '@primer/octicons-react' +import { GearIcon, SyncIcon } from '@primer/octicons-react' import { Link } from '@primer/react' +import { ReloadContext } from 'containers/ReloadContext' import { VERSION } from 'env' import * as React from 'react' import { RoundIconButton } from './RoundIconButton' @@ -11,13 +12,14 @@ type Props = { export function Footer(props: Props) { const { toggleShowSettings } = props + const reload = React.useContext(ReloadContext) return (
@@ -32,12 +34,20 @@ export function Footer(props: Props) { 👋
- +
+ reload()} + /> + +
) } diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 0eba914..8f44017 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -42,7 +42,7 @@ export function SearchBar({ onSearch, onFocus, value }: Props) { block sx={{ borderRadius: 0 }} className={'search-input'} - aria-label="search files" + aria-label="Search files" placeholder={formatWithShortcut(`Search files`, focusSearchInputShortcut)} onChange={({ target: { value } }) => onSearch(value, searchMode)} value={value} diff --git a/src/styles/index.scss b/src/styles/index.scss index b0ca112..9cc5a42 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -589,7 +589,7 @@ html[data-with-gitako-spacing='true'] { &-section { display: inline-flex; - gap: 6px; + gap: 8px; } .version {