prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rename reader settings

Browse source
This commit is contained in:
Jackson Harper 2022-04-12 12:58:04 -07:00
parent 244cced8b4
commit 0d1b05d4fc
3 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/components/templates/article/ArticleActionsMenu.tsx
View file

@ -8,7 +8,7 @@ import { Box, SpanBox } from "../../elements/LayoutPrimitives"
import { TooltipWrapped } from "../../elements/Tooltip"
import { styled, theme } from "../../tokens/stitches.config"
import { EditLabelsControl } from "./EditLabelsControl"
import { ReaderSettings } from "./ReaderSettingsModal"
import { ReaderSettingsControl } from "./ReaderSettingsControl"
export type ArticleActionsMenuLayout = 'horizontal' | 'vertical'
@ -80,7 +80,7 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
</TooltipWrapped>
}
>
<ReaderSettings userPreferences={preferencesData} articleActionHandler={props.articleActionHandler} />
<ReaderSettingsControl userPreferences={preferencesData} articleActionHandler={props.articleActionHandler} />
</ActionDropdown>
<MenuSeparator layout={props.layout} />

5
packages/web/components/templates/article/DisplaySettingsModal.tsx
View file

@ -11,8 +11,7 @@ import {
} from '../../elements/ModalPrimitives'
import { StyledText } from '../../elements/StyledText'
import { theme } from '../../tokens/stitches.config'
import { EditLabelsControl } from './EditLabelsControl'
import { ReaderSettings } from './ReaderSettingsModal'
import { ReaderSettingsControl } from './ReaderSettingsControl'
type DisplaySettingsModalProps = {
onOpenChange: (open: boolean) => void
@ -51,7 +50,7 @@ export function DisplaySettingsModal(props: DisplaySettingsModalProps): JSX.Elem
/>
</Button>
</HStack>
<ReaderSettings {...props} />
<ReaderSettingsControl {...props} />
</VStack>
</ModalContent>
</ModalRoot>

3
packages/web/components/templates/article/ReaderSettingsModal.tsx → packages/web/components/templates/article/ReaderSettingsControl.tsx
View file

@ -9,6 +9,7 @@ import { TickedRangeSlider } from '../../elements/TickedRangeSlider'
import { UserPreferences } from '../../../lib/networking/queries/useGetUserPreferences'
import { showSuccessToast } from '../../../lib/toastHelpers'
type ReaderSettingsProps = {
userPreferences?: UserPreferences
articleActionHandler: (action: string, arg?: number) => void
@ -20,7 +21,7 @@ const VerticalDivider = styled(SpanBox, {
background: `${theme.colors.grayLine.toString()}`,
})
export function ReaderSettings(props: ReaderSettingsProps): JSX.Element {
export function ReaderSettingsControl(props: ReaderSettingsProps): JSX.Element {
const [marginWidth, setMarginWidth] = useState(props.userPreferences?.margin ?? 0)
const [lineHeight, setLineHeight] = useState(props.userPreferences?.lineHeight ?? 150)