switch to react hero icons

This commit is contained in:
Brandon Egger 2023-03-15 21:01:39 -05:00
parent ab24d633c7
commit 30b8f79e87
3 changed files with 23 additions and 16 deletions

26
package-lock.json generated
View File

@ -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",

View File

@ -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",

View File

@ -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>
)