irongit
Sign inRegister
huncholanehuncholane/vflcountdownPublic

added helmet

FIRST_NAME LAST_NAMEauthored
parent fbc9ff0commit 6c3f0d421ef2159d709d135bd6bc8e0bdc072108Browse files

4 files changed, +40 -25

+29-24package-lock.json
@@ -10,7 +10,7 @@
1010 "dependencies": {
1111 "react": "^18.2.0",
1212 "react-dom": "^18.2.0",
13- "react-moment": "^1.1.2"
13+ "react-helmet": "^6.1.0"
1414 },
1515 "devDependencies": {
1616 "@types/react": "^18.0.26",
@@ -1529,15 +1529,6 @@
15291529 "url": "https://github.com/sponsors/ljharb"
15301530 }
15311531 },
1532- "node_modules/moment": {
1533- "version": "2.29.4",
1534- "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
1535- "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
1536- "peer": true,
1537- "engines": {
1538- "node": "*"
1539- }
1540- },
15411532 "node_modules/ms": {
15421533 "version": "2.1.2",
15431534 "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -1584,7 +1575,6 @@
15841575 "version": "4.1.1",
15851576 "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
15861577 "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
1587- "peer": true,
15881578 "engines": {
15891579 "node": ">=0.10.0"
15901580 }
@@ -1762,7 +1752,6 @@
17621752 "version": "15.8.1",
17631753 "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
17641754 "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
1765- "peer": true,
17661755 "dependencies": {
17671756 "loose-envify": "^1.4.0",
17681757 "object-assign": "^4.1.1",
@@ -1824,22 +1813,30 @@
18241813 "react": "^18.2.0"
18251814 }
18261815 },
1827- "node_modules/react-is": {
1828- "version": "16.13.1",
1829- "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
1830- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
1831- "peer": true
1816+ "node_modules/react-fast-compare": {
1817+ "version": "3.2.0",
1818+ "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
1819+ "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
18321820 },
1833- "node_modules/react-moment": {
1834- "version": "1.1.2",
1835- "resolved": "https://registry.npmjs.org/react-moment/-/react-moment-1.1.2.tgz",
1836- "integrity": "sha512-lfb+shYXI2tXlQrNUpNr05/1D/kzFj8Isbfp89DQrpZk0fs2JIAnLHWETR0hQS9zvtzwLWlVv0wKLffbue5HoA==",
1821+ "node_modules/react-helmet": {
1822+ "version": "6.1.0",
1823+ "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
1824+ "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
1825+ "dependencies": {
1826+ "object-assign": "^4.1.1",
1827+ "prop-types": "^15.7.2",
1828+ "react-fast-compare": "^3.1.1",
1829+ "react-side-effect": "^2.1.0"
1830+ },
18371831 "peerDependencies": {
1838- "moment": "^2.29.0",
1839- "prop-types": "^15.7.0",
1840- "react": "^16.0 || ^17.0.0 || ^18.0.0"
1832+ "react": ">=16.3.0"
18411833 }
18421834 },
1835+ "node_modules/react-is": {
1836+ "version": "16.13.1",
1837+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
1838+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
1839+ },
18431840 "node_modules/react-refresh": {
18441841 "version": "0.14.0",
18451842 "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
@@ -1849,6 +1846,14 @@
18491846 "node": ">=0.10.0"
18501847 }
18511848 },
1849+ "node_modules/react-side-effect": {
1850+ "version": "2.1.2",
1851+ "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
1852+ "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
1853+ "peerDependencies": {
1854+ "react": "^16.3.0 || ^17.0.0 || ^18.0.0"
1855+ }
1856+ },
18521857 "node_modules/read-cache": {
18531858 "version": "1.0.0",
18541859 "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+1-1package.json
@@ -11,7 +11,7 @@
1111 "dependencies": {
1212 "react": "^18.2.0",
1313 "react-dom": "^18.2.0",
14- "react-moment": "^1.1.2"
14+ "react-helmet": "^6.1.0"
1515 },
1616 "devDependencies": {
1717 "@types/react": "^18.0.26",
+9-0src/components/Card.tsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
22 import TimeBlock from "./TimeBlock";
33 import { schedule } from "../assets/schedule.json";
44 import convertMiliseconds from "./convertInterval";
5+import { Helmet } from "react-helmet";
56 const { games } = schedule;
67
78 type Props = {
@@ -35,6 +36,14 @@ const Card = (props: Props) => {
3536
3637 return (
3738 <div className="h-screen w-screen">
39+ <Helmet>
40+ <meta property="og:image" content="/favicon.ico" />
41+ <meta property="og:image:secure_url" content="/favicon.ico" />
42+ <meta property="og:image:type" content="image/x-icon" />
43+ <meta property="og:image:width" content="300" />
44+ <meta property="og:image:height" content="300" />
45+ <meta property="og:image:alt" content="Tennessee Vols" />
46+ </Helmet>
3847 <div className="absolute px-1 mx-auto w-11/12 right-0 left-0 bg-slate-400 top-16 bg-opacity-40 rounded-md shadow-sm">
3948 <div className="flex">
4049 <TimeBlock value={days} unit="DAYS" />
+1-0src/vite-env.d.ts
@@ -1 +1,2 @@
11 /// <reference types="vite/client" />
2+declare module "react-helmet";