forked from LaconicNetwork/icns-frontend
Add text animation in complete page
This commit is contained in:
HeesungB
parent
b6926ecf3b
commit
cdd7c797f5
39
.pnp.cjs
generated
39
.pnp.cjs
generated
@ -61,6 +61,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["react-dom", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:18.2.0"],\
|
||||
["react-is", "npm:18.2.0"],\
|
||||
["react-modal", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:3.16.1"],\
|
||||
["react-typed", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:1.2.0"],\
|
||||
["styled-components", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:5.3.6"],\
|
||||
["typescript", "patch:typescript@npm%3A4.9.3#~builtin<compat/typescript>::version=4.9.3&hash=d73830"]\
|
||||
],\
|
||||
@ -4007,6 +4008,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["react-dom", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:18.2.0"],\
|
||||
["react-is", "npm:18.2.0"],\
|
||||
["react-modal", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:3.16.1"],\
|
||||
["react-typed", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:1.2.0"],\
|
||||
["styled-components", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:5.3.6"],\
|
||||
["typescript", "patch:typescript@npm%3A4.9.3#~builtin<compat/typescript>::version=4.9.3&hash=d73830"]\
|
||||
],\
|
||||
@ -5729,6 +5731,34 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD"\
|
||||
}]\
|
||||
]],\
|
||||
["react-typed", [\
|
||||
["npm:1.2.0", {\
|
||||
"packageLocation": "./.yarn/cache/react-typed-npm-1.2.0-8feca2dd12-c750d68710.zip/node_modules/react-typed/",\
|
||||
"packageDependencies": [\
|
||||
["react-typed", "npm:1.2.0"]\
|
||||
],\
|
||||
"linkType": "SOFT"\
|
||||
}],\
|
||||
["virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:1.2.0", {\
|
||||
"packageLocation": "./.yarn/__virtual__/react-typed-virtual-c12f16610e/0/cache/react-typed-npm-1.2.0-8feca2dd12-c750d68710.zip/node_modules/react-typed/",\
|
||||
"packageDependencies": [\
|
||||
["react-typed", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:1.2.0"],\
|
||||
["@types/react", "npm:18.0.25"],\
|
||||
["@types/react-dom", "npm:18.0.9"],\
|
||||
["prop-types", "npm:15.8.1"],\
|
||||
["react", "npm:18.2.0"],\
|
||||
["react-dom", "virtual:4b77e00d446246df1ed27001550885fbf1b51be18c660c1b5c357d3d763078ecef2a676194291a120f149b87573081e5af0621dc83cf1f83383639f39ac133c7#npm:18.2.0"],\
|
||||
["typed.js", "npm:2.0.12"]\
|
||||
],\
|
||||
"packagePeers": [\
|
||||
"@types/react-dom",\
|
||||
"@types/react",\
|
||||
"react-dom",\
|
||||
"react"\
|
||||
],\
|
||||
"linkType": "HARD"\
|
||||
}]\
|
||||
]],\
|
||||
["read-pkg", [\
|
||||
["npm:5.2.0", {\
|
||||
"packageLocation": "./.yarn/cache/read-pkg-npm-5.2.0-50426bd8dc-eb696e6052.zip/node_modules/read-pkg/",\
|
||||
@ -6613,6 +6643,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD"\
|
||||
}]\
|
||||
]],\
|
||||
["typed.js", [\
|
||||
["npm:2.0.12", {\
|
||||
"packageLocation": "./.yarn/cache/typed.js-npm-2.0.12-7618b42dfc-ea753bf8e0.zip/node_modules/typed.js/",\
|
||||
"packageDependencies": [\
|
||||
["typed.js", "npm:2.0.12"]\
|
||||
],\
|
||||
"linkType": "HARD"\
|
||||
}]\
|
||||
]],\
|
||||
["typeforce", [\
|
||||
["npm:1.18.0", {\
|
||||
"packageLocation": "./.yarn/cache/typeforce-npm-1.18.0-372e34e2a2-e3b21e27e7.zip/node_modules/typeforce/",\
|
||||
|
||||
BIN
.yarn/cache/react-typed-npm-1.2.0-8feca2dd12-c750d68710.zip
vendored
Normal file
BIN
.yarn/cache/react-typed-npm-1.2.0-8feca2dd12-c750d68710.zip
vendored
Normal file
Binary file not shown.
BIN
.yarn/cache/typed.js-npm-2.0.12-7618b42dfc-ea753bf8e0.zip
vendored
Normal file
BIN
.yarn/cache/typed.js-npm-2.0.12-7618b42dfc-ea753bf8e0.zip
vendored
Normal file
Binary file not shown.
@ -23,6 +23,7 @@
|
||||
"react-dom": "18.2.0",
|
||||
"react-is": "^18.2.0",
|
||||
"react-modal": "^3.16.1",
|
||||
"react-typed": "^1.2.0",
|
||||
"styled-components": "^5.3.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
import Image from "next/image";
|
||||
|
||||
import styled from "styled-components";
|
||||
|
||||
import Typed from "react-typed";
|
||||
|
||||
import { Logo } from "../../components/logo";
|
||||
import color from "../../styles/color";
|
||||
|
||||
@ -18,7 +19,17 @@ export default function CompletePage() {
|
||||
<ContentContainer>
|
||||
<RecipentContainer>
|
||||
<RecipentTitle>Recipent</RecipentTitle>
|
||||
<AddressContainer>kingstarcookies.cosmos</AddressContainer>
|
||||
<AddressContainer>
|
||||
kingstarcookies.
|
||||
<Typed
|
||||
strings={["osmo", "cosmos"]}
|
||||
typeSpeed={150}
|
||||
backSpeed={150}
|
||||
backDelay={1000}
|
||||
loop
|
||||
smartBackspace
|
||||
/>
|
||||
</AddressContainer>
|
||||
<AvailableAddressText>available address</AvailableAddressText>
|
||||
</RecipentContainer>
|
||||
</ContentContainer>
|
||||
|
||||
23
yarn.lock
23
yarn.lock
@ -3198,6 +3198,7 @@ __metadata:
|
||||
react-dom: 18.2.0
|
||||
react-is: ^18.2.0
|
||||
react-modal: ^3.16.1
|
||||
react-typed: ^1.2.0
|
||||
styled-components: ^5.3.6
|
||||
typescript: 4.9.3
|
||||
languageName: unknown
|
||||
@ -4574,7 +4575,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
|
||||
"prop-types@npm:^15.6.0, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
|
||||
version: 15.8.1
|
||||
resolution: "prop-types@npm:15.8.1"
|
||||
dependencies:
|
||||
@ -4696,6 +4697,19 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-typed@npm:^1.2.0":
|
||||
version: 1.2.0
|
||||
resolution: "react-typed@npm:1.2.0"
|
||||
dependencies:
|
||||
prop-types: ^15.6.0
|
||||
typed.js: ^2.0.6
|
||||
peerDependencies:
|
||||
react: ^16.3.0
|
||||
react-dom: ^16.3.0
|
||||
checksum: c750d68710f918904b9bf07ea253e51d3447f9533c8277bd0afcdd20725b9e42e52ddcccd63ce93b4d0eb40db14573ccc82fce27b568b72a250d2167fc375b6f
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react@npm:18.2.0":
|
||||
version: 18.2.0
|
||||
resolution: "react@npm:18.2.0"
|
||||
@ -5481,6 +5495,13 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"typed.js@npm:^2.0.6":
|
||||
version: 2.0.12
|
||||
resolution: "typed.js@npm:2.0.12"
|
||||
checksum: ea753bf8e01fd6e37390f8d02de58cc084e7b11620e937e75a6cad58829dd55a9273954191529cddad58ab102479f097db4587c6790ba4ff2dabc5d4fb6192d8
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"typeforce@npm:^1.11.5":
|
||||
version: 1.18.0
|
||||
resolution: "typeforce@npm:1.18.0"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user