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

fix:

Browse source 
* published/saved date not editable on web
* these two dates are not fully shown
This commit is contained in:
Hongbo Wu 2023-07-04 18:58:21 +08:00
parent e06f833e21
commit 9a92fc6870
1 changed files with 14 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
packages/web/components/templates/homeFeed/EditItemModals.tsx
View file

@ -1,23 +1,20 @@
import dayjs, { Dayjs } from 'dayjs'
import { useCallback, useState } from 'react'
import { updatePageMutation } from '../../../lib/networking/mutations/updatePageMutation'
import { ArticleAttributes } from '../../../lib/networking/queries/useGetArticleQuery'
import { LibraryItem } from '../../../lib/networking/queries/useGetLibraryItemsQuery'
import { showErrorToast, showSuccessToast } from '../../../lib/toastHelpers'
import { CloseButton } from '../../elements/CloseButton'
import { FormInput } from '../../elements/FormElements'
import { Box, HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives'
import {
ModalButtonBar,
ModalContent,
ModalOverlay,
ModalRoot,
} from '../../elements/ModalPrimitives'
import { Box, HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives'
import { Button } from '../../elements/Button'
import { StyledText } from '../../elements/StyledText'
import { FormInput } from '../../elements/FormElements'
import { useCallback, useState } from 'react'
import { LibraryItem } from '../../../lib/networking/queries/useGetLibraryItemsQuery'
import { StyledTextArea } from '../../elements/StyledTextArea'
import { updatePageMutation } from '../../../lib/networking/mutations/updatePageMutation'
import { showErrorToast, showSuccessToast } from '../../../lib/toastHelpers'
import dayjs, { Dayjs } from 'dayjs'
import { ArticleAttributes } from '../../../lib/networking/queries/useGetArticleQuery'
import { CloseButton } from '../../elements/CloseButton'
type EditLibraryItemModalProps = {
onOpenChange: (open: boolean) => void
item: LibraryItem
@ -227,7 +224,7 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
>
<ModalOverlay />
<ModalContent
css={{ bg: '$grayBg', p: '20px', maxWidth: '420px' }}
css={{ bg: '$grayBg', p: '20px', maxWidth: '480px' }}
onInteractOutside={() => {
// remove focus from modal
;(document.activeElement as HTMLElement).blur()
@ -244,10 +241,10 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
>
<HStack distribution="start" css={{ width: '100%' }}>
<VStack css={{ width: '45%' }}>
<StyledText css={titleStyle}>SAVED AT:</StyledText>
<StyledText css={titleStyle}>SAVED AT</StyledText>
<FormInput
type="datetime-local"
value={props.savedAt.format('YYYY-MM-DDTHH:mm')}
value={savedAt.format('YYYY-MM-DDTHH:mm')}
placeholder="Edit Date"
onChange={(event) => {
const dateStr = event.target.value
@ -264,8 +261,8 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
<FormInput
type="datetime-local"
value={
props.publishedAt
? props.publishedAt.format('YYYY-MM-DDTHH:mm')
publishedAt
? publishedAt.format('YYYY-MM-DDTHH:mm')
: undefined
}
placeholder="Edit Published Date"