diff --git a/package.json b/package.json
index 019aa775..db319c49 100644
--- a/package.json
+++ b/package.json
@@ -48,11 +48,11 @@
"babel-plugin-styled-components": "2.1.4",
"chroma-js": "2.4.2",
"classnames": "2.3.2",
+ "dayjs": "1.11.13",
"highlight.js": "11.9.0",
"honorable-recipe-mapper": "0.2.0",
"immer": "10.0.3",
"lodash-es": "4.17.21",
- "moment": "2.29.4",
"react-animate-height": "3.2.3",
"react-aria": "3.34.3",
"react-embed": "3.7.0",
diff --git a/src/components/Date.tsx b/src/components/Date.tsx
index 4e0895c3..4e0fcced 100644
--- a/src/components/Date.tsx
+++ b/src/components/Date.tsx
@@ -1,6 +1,6 @@
import { Span } from 'honorable'
-import moment from 'moment'
+import dayjs from 'dayjs'
import styled from 'styled-components'
const Wrap = styled.div({
@@ -19,13 +19,13 @@ const T = styled.span(({ theme }) => ({
whiteSpace: 'nowrap',
}))
-export default function Date({ date }: { date: moment.MomentInput }) {
+export default function Date({ date }: { date: dayjs.ConfigType }) {
if (!date) return n/a
return (
- {moment(date).format('ll')}
- {moment(date).format('h:mm A')}
+ {dayjs(date).format('MMM D, YYYY')}
+ {dayjs(date).format('h:mm A')}
)
}
diff --git a/src/components/ModalWrapper.tsx b/src/components/ModalWrapper.tsx
index c39ef325..52939aab 100644
--- a/src/components/ModalWrapper.tsx
+++ b/src/components/ModalWrapper.tsx
@@ -58,10 +58,11 @@ function ModalWrapperRef(
)
}
-const ContentSC = styled(Dialog.Content)({
+const ContentSC = styled(Dialog.Content)(({ theme }) => ({
display: 'flex',
flexDirection: 'column',
overflow: 'auto',
+ boxShadow: theme.boxShadows.modal,
'@keyframes popIn': {
from: { transform: 'scale(0.8)' },
to: { transform: 'scale(1)' },
@@ -76,7 +77,7 @@ const ContentSC = styled(Dialog.Content)({
'&[data-state="closed"]': {
animation: `popOut ${ANIMATION_SPEED} ease-out`,
},
-})
+}))
const OverlaySC = styled(Dialog.Overlay)(({ theme }) => ({
display: 'flex',
diff --git a/src/components/icons/EKSIcon.tsx b/src/components/icons/EKSIcon.tsx
index d2e64669..2cd95efc 100644
--- a/src/components/icons/EKSIcon.tsx
+++ b/src/components/icons/EKSIcon.tsx
@@ -1,6 +1,6 @@
import createIcon from './createIcon'
-export default createIcon(({ size }) => (
+export default createIcon(({ size, color, fullColor }) => (