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 {