switch to react hero icons
This commit is contained in:
parent
ab24d633c7
commit
30b8f79e87
26
package-lock.json
generated
26
package-lock.json
generated
@ -9,6 +9,7 @@
|
||||
"version": "0.1.0",
|
||||
"hasInstallScript": true,
|
||||
"dependencies": {
|
||||
"@heroicons/react": "^2.0.16",
|
||||
"@next-auth/prisma-adapter": "^1.0.5",
|
||||
"@prisma/client": "^4.9.0",
|
||||
"@tanstack/react-query": "^4.20.2",
|
||||
@ -16,7 +17,6 @@
|
||||
"@trpc/next": "^10.9.0",
|
||||
"@trpc/react-query": "^10.9.0",
|
||||
"@trpc/server": "^10.9.0",
|
||||
"heroicons": "^2.0.16",
|
||||
"next": "^13.2.1",
|
||||
"next-auth": "^4.19.0",
|
||||
"react": "18.2.0",
|
||||
@ -122,6 +122,14 @@
|
||||
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroicons/react": {
|
||||
"version": "2.0.16",
|
||||
"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.16.tgz",
|
||||
"integrity": "sha512-x89rFxH3SRdYaA+JCXwfe+RkE1SFTo9GcOkZettHer71Y3T7V+ogKmfw5CjTazgS3d0ClJ7p1NA+SP7VQLQcLw==",
|
||||
"peerDependencies": {
|
||||
"react": ">= 16"
|
||||
}
|
||||
},
|
||||
"node_modules/@humanwhocodes/config-array": {
|
||||
"version": "0.11.8",
|
||||
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
|
||||
@ -2603,11 +2611,6 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/heroicons": {
|
||||
"version": "2.0.16",
|
||||
"resolved": "https://registry.npmjs.org/heroicons/-/heroicons-2.0.16.tgz",
|
||||
"integrity": "sha512-UhFYoJkROAS61zSRHDsLu1DEsfT1wn5gMR2AXRJSKGcwGdPovY2BsAOO763uXq/MCNVLzSpcpniNU24T/vwqUQ=="
|
||||
},
|
||||
"node_modules/ignore": {
|
||||
"version": "5.2.4",
|
||||
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
|
||||
@ -4933,6 +4936,12 @@
|
||||
"integrity": "sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==",
|
||||
"dev": true
|
||||
},
|
||||
"@heroicons/react": {
|
||||
"version": "2.0.16",
|
||||
"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.16.tgz",
|
||||
"integrity": "sha512-x89rFxH3SRdYaA+JCXwfe+RkE1SFTo9GcOkZettHer71Y3T7V+ogKmfw5CjTazgS3d0ClJ7p1NA+SP7VQLQcLw==",
|
||||
"requires": {}
|
||||
},
|
||||
"@humanwhocodes/config-array": {
|
||||
"version": "0.11.8",
|
||||
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
|
||||
@ -6672,11 +6681,6 @@
|
||||
"has-symbols": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"heroicons": {
|
||||
"version": "2.0.16",
|
||||
"resolved": "https://registry.npmjs.org/heroicons/-/heroicons-2.0.16.tgz",
|
||||
"integrity": "sha512-UhFYoJkROAS61zSRHDsLu1DEsfT1wn5gMR2AXRJSKGcwGdPovY2BsAOO763uXq/MCNVLzSpcpniNU24T/vwqUQ=="
|
||||
},
|
||||
"ignore": {
|
||||
"version": "5.2.4",
|
||||
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
|
||||
|
@ -21,7 +21,7 @@
|
||||
"@trpc/next": "^10.9.0",
|
||||
"@trpc/react-query": "^10.9.0",
|
||||
"@trpc/server": "^10.9.0",
|
||||
"heroicons": "^2.0.16",
|
||||
"@heroicons/react": "^2.0.16",
|
||||
"next": "^13.2.1",
|
||||
"next-auth": "^4.19.0",
|
||||
"react": "18.2.0",
|
||||
|
@ -1,10 +1,15 @@
|
||||
import { PaymentType } from '@prisma/client';
|
||||
import { CurrencyDollarIcon } from '@heroicons/react/24/solid'
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
|
||||
const ResourceInfo = () => {
|
||||
const PriceIcons = ({type}: {type: PaymentType}) => {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<CurrencyDollarIcon className="h-6 w-6 text-lime-800"/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
@ -23,9 +28,7 @@ const ResourceInfo = () => {
|
||||
<div className="grow">
|
||||
<h1 className="font-bold text-xl">Word Success</h1>
|
||||
<p>Apple and Android</p>
|
||||
<div className="">
|
||||
|
||||
</div>
|
||||
<PriceIcons type={PaymentType.SUBSCRIPTION_WEEKLY} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
Loading…
x
Reference in New Issue
Block a user