diff options
| -rw-r--r-- | package.json | 3 | ||||
| -rw-r--r-- | pnpm-lock.yaml | 42 | ||||
| -rw-r--r-- | src/components/SubscriberTable/SubscriberTable.tsx | 2 | ||||
| -rw-r--r-- | src/components/TitleBar/TitleBar.tsx | 6 |
4 files changed, 50 insertions, 3 deletions
diff --git a/package.json b/package.json index 4d93ce1..3f4c258 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,9 @@ }, "dependencies": { "@canvasjs/react-charts": "^1.0.0", + "@fortawesome/fontawesome-svg-core": "^6.5.1", + "@fortawesome/free-solid-svg-icons": "^6.5.1", + "@fortawesome/react-fontawesome": "^0.2.0", "@radix-ui/react-avatar": "^1.0.4", "@radix-ui/react-icons": "^1.3.0", "avatar": "link:componenets/ui/avatar", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 382c118..84c9eaf 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,6 +8,15 @@ dependencies: '@canvasjs/react-charts': specifier: ^1.0.0 version: 1.0.0(@canvasjs/charts@3.7.27)(react@18.2.0) + '@fortawesome/fontawesome-svg-core': + specifier: ^6.5.1 + version: 6.5.1 + '@fortawesome/free-solid-svg-icons': + specifier: ^6.5.1 + version: 6.5.1 + '@fortawesome/react-fontawesome': + specifier: ^0.2.0 + version: 0.2.0(@fortawesome/fontawesome-svg-core@6.5.1)(react@18.2.0) '@radix-ui/react-avatar': specifier: ^1.0.4 version: 1.0.4(@types/react-dom@18.2.15)(@types/react@18.2.37)(react-dom@18.2.0)(react@18.2.0) @@ -171,6 +180,39 @@ packages: engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0, npm: '>=6.14.13'} dev: true + /@fortawesome/fontawesome-common-types@6.5.1: + resolution: {integrity: sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==} + engines: {node: '>=6'} + requiresBuild: true + dev: false + + /@fortawesome/fontawesome-svg-core@6.5.1: + resolution: {integrity: sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==} + engines: {node: '>=6'} + requiresBuild: true + dependencies: + '@fortawesome/fontawesome-common-types': 6.5.1 + dev: false + + /@fortawesome/free-solid-svg-icons@6.5.1: + resolution: {integrity: sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==} + engines: {node: '>=6'} + requiresBuild: true + dependencies: + '@fortawesome/fontawesome-common-types': 6.5.1 + dev: false + + /@fortawesome/react-fontawesome@0.2.0(@fortawesome/fontawesome-svg-core@6.5.1)(react@18.2.0): + resolution: {integrity: sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==} + peerDependencies: + '@fortawesome/fontawesome-svg-core': ~1 || ~6 + react: '>=16.3' + dependencies: + '@fortawesome/fontawesome-svg-core': 6.5.1 + prop-types: 15.8.1 + react: 18.2.0 + dev: false + /@humanwhocodes/config-array@0.11.13: resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==} engines: {node: '>=10.10.0'} diff --git a/src/components/SubscriberTable/SubscriberTable.tsx b/src/components/SubscriberTable/SubscriberTable.tsx index 31ca24f..a666284 100644 --- a/src/components/SubscriberTable/SubscriberTable.tsx +++ b/src/components/SubscriberTable/SubscriberTable.tsx @@ -26,7 +26,7 @@ return ( <h1 className="text-2xl font-bold text-gray-800">Subscriber Count</h1> <p className="text-gray-500 text-sm">Last Updated: {timestamp}</p> </div> - <div className="px-2 sm:px-48 py-4 sm:py-8 relative shadow-md rounded-l text-left overflow-auto"> + <div className="px-2 sm:px-48 py-4 sm:py-8 relative rounded-l text-left overflow-auto"> <table className="w-full text-m sm:text-xl text-black bg-white"> <thead className="text-m sm:text-lg text-white rounded-md" style={{ backgroundColor: 'black' }}> <tr> diff --git a/src/components/TitleBar/TitleBar.tsx b/src/components/TitleBar/TitleBar.tsx index 05a0e5d..171e03a 100644 --- a/src/components/TitleBar/TitleBar.tsx +++ b/src/components/TitleBar/TitleBar.tsx @@ -1,5 +1,7 @@ import React from 'react'; import '../TitleBar/TitleBarStyle.css' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faHouse } from '@fortawesome/free-solid-svg-icons' interface TitleBarProps { title: string; @@ -17,8 +19,8 @@ const TitleBar: React.FC<TitleBarProps> = ({ title, redirectUrl, showHomeButton, <span className="text-white text-4xl font-bold" style={{ fontFamily: 'Quantico, sans-serif' }}>{title}</span> </a> {showHomeButton && ( - <a href="/"> - <button className="bg-white text-black font-bold py-2 px-4 rounded-lg">Home</button> + <a href="/" className='text-white text-3xl'> + <FontAwesomeIcon icon={faHouse} /> </a> )} </div> |