garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

remove right section as we don't show keyboard shortcuts anywhere else

Browse Source
This commit is contained in:
Athou
2024-08-03 12:54:57 +02:00
parent 2f4ee7cff8
commit 6ea318acd3
1 changed files with 1 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
commafeed-client/src/components/sidebar/TreeSearch.tsx
View File

@@ -1,6 +1,5 @@
import { Trans, t } from "@lingui/macro" import { Trans, t } from "@lingui/macro"
import { Box, Center, Kbd, TextInput } from "@mantine/core" import { TextInput } from "@mantine/core"
import { useOs } from "@mantine/hooks"
import { Spotlight, type SpotlightActionData, spotlight } from "@mantine/spotlight" import { Spotlight, type SpotlightActionData, spotlight } from "@mantine/spotlight"
import { redirectToFeed } from "app/redirect/thunks" import { redirectToFeed } from "app/redirect/thunks"
import { useAppDispatch } from "app/store" import { useAppDispatch } from "app/store"
@@ -15,7 +14,6 @@ export interface TreeSearchProps {
export function TreeSearch(props: TreeSearchProps) { export function TreeSearch(props: TreeSearchProps) {
const dispatch = useAppDispatch() const dispatch = useAppDispatch()
const isMacOS = useOs() === "macos"
const actions: SpotlightActionData[] = props.feeds const actions: SpotlightActionData[] = props.feeds
.map(f => ({ .map(f => ({
id: `${f.id}`, id: `${f.id}`,
@@ -26,13 +24,6 @@ export function TreeSearch(props: TreeSearchProps) {
.sort((f1, f2) => f1.label.localeCompare(f2.label)) .sort((f1, f2) => f1.label.localeCompare(f2.label))
const searchIcon = <TbSearch size={18} /> const searchIcon = <TbSearch size={18} />
const rightSection = (
<Center style={{ cursor: "pointer" }} onClick={() => spotlight.open()}>
<Kbd>{isMacOS ? "Cmd" : "Ctrl"}</Kbd>
<Box mx={5}>+</Box>
<Kbd>K</Kbd>
</Center>
)
// additional keyboard shortcut used by commafeed v1 // additional keyboard shortcut used by commafeed v1
useMousetrap("g u", () => spotlight.open()) useMousetrap("g u", () => spotlight.open())
@@ -43,7 +34,6 @@ export function TreeSearch(props: TreeSearchProps) {
placeholder={t`Search`} placeholder={t`Search`}
leftSection={searchIcon} leftSection={searchIcon}
rightSectionWidth={100} rightSectionWidth={100}
rightSection={rightSection}
styles={{ styles={{
input: { input: {
cursor: "pointer", cursor: "pointer",