CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

Add loading fallback state for date picker

Browse source
This commit is contained in:
Max Leiter 2023-05-21 14:06:51 -07:00
parent 504d2742f4
commit 7f4745ade1
4 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -32,7 +32,7 @@
"next-themes": "^0.2.1", "next-themes": "^0.2.1",
"react": "18.2.0", "react": "18.2.0",
"react-cookie": "^4.1.1", "react-cookie": "^4.1.1",
"react-datepicker": "4.11.0", "react-datepicker": "4.10.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-dropzone": "14.2.3", "react-dropzone": "14.2.3",
"react-error-boundary": "^4.0.4", "react-error-boundary": "^4.0.4",

8
pnpm-lock.yaml
View file

@ -49,7 +49,7 @@ specifiers:
prisma: ^4.12.0 prisma: ^4.12.0
react: 18.2.0 react: 18.2.0
react-cookie: ^4.1.1 react-cookie: ^4.1.1
react-datepicker: 4.11.0 react-datepicker: 4.10.0
react-dom: 18.2.0 react-dom: 18.2.0
react-dropzone: 14.2.3 react-dropzone: 14.2.3
react-error-boundary: ^4.0.4 react-error-boundary: ^4.0.4
@ -84,7 +84,7 @@ dependencies:
next-themes: 0.2.1_e7rdfuvvugpm7lhat2cbgcbani next-themes: 0.2.1_e7rdfuvvugpm7lhat2cbgcbani
react: 18.2.0 react: 18.2.0
react-cookie: 4.1.1_react@18.2.0 react-cookie: 4.1.1_react@18.2.0
react-datepicker: 4.11.0_biqbaboplfbrettd7655fr4n2y react-datepicker: 4.10.0_biqbaboplfbrettd7655fr4n2y
react-dom: 18.2.0_react@18.2.0 react-dom: 18.2.0_react@18.2.0
react-dropzone: 14.2.3_react@18.2.0 react-dropzone: 14.2.3_react@18.2.0
react-error-boundary: 4.0.4_react@18.2.0 react-error-boundary: 4.0.4_react@18.2.0
@ -6882,8 +6882,8 @@ packages:
universal-cookie: 4.0.4 universal-cookie: 4.0.4
dev: false dev: false
/react-datepicker/4.11.0_biqbaboplfbrettd7655fr4n2y: /react-datepicker/4.10.0_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-50n93o7mQwBEhg05tbopjFKgs8qgi8VBCAOMC4VqrKut72eAjESc/wXS/k5hRtnP0oe2FCGw7MJuIwh37wuXOw==} resolution: {integrity: sha512-6IfBCZyWj54ZZGLmEZJ9c4Yph0s9MVfEGDC2evOvf9AmVz+RRcfP2Czqad88Ff9wREbcbqa4dk7IFYeXF1d3Ag==}
peerDependencies: peerDependencies:
react: ^16.9.0 || ^17 || ^18 react: ^16.9.0 || ^17 || ^18
react-dom: ^16.9.0 || ^17 || ^18 react-dom: ^16.9.0 || ^17 || ^18

4
src/app/(drift)/(posts)/new/components/new.tsx
View file

@ -17,11 +17,11 @@ import Input from "@components/input"
import ButtonDropdown from "@components/button-dropdown" import ButtonDropdown from "@components/button-dropdown"
import { useToasts } from "@components/toasts" import { useToasts } from "@components/toasts"
import { fetchWithUser } from "src/app/lib/fetch-with-user" import { fetchWithUser } from "src/app/lib/fetch-with-user"
import "./react-datepicker.css"
import dynamic from "next/dynamic" import dynamic from "next/dynamic"
const DatePicker = dynamic(() => import("react-datepicker"), { const DatePicker = dynamic(() => import("react-datepicker"), {
ssr: false ssr: false,
loading: () => <Input label="Expires at" placeholder="Won't expire" width="100%" height="40px" />
}) })
const emptyDoc = { const emptyDoc = {

1
src/app/(drift)/(posts)/new/page.tsx
View file

@ -1,5 +1,6 @@
import { getMetadata } from "src/app/lib/metadata" import { getMetadata } from "src/app/lib/metadata"
import NewPost from "src/app/(drift)/(posts)/new/components/new" import NewPost from "src/app/(drift)/(posts)/new/components/new"
import "./components/react-datepicker.css"
export default function New() { export default function New() {
return <NewPost /> return <NewPost />