diff --git a/companions/companions.json b/companions/companions.json index 36967f2..f09044d 100644 --- a/companions/companions.json +++ b/companions/companions.json @@ -4,7 +4,7 @@ "title": "I love talking about books and games", "imageUrl": "/alice.png", "llm": "chatgpt", - "phone": "OPTIONAL_COMPANION_PHONE_NUMBER" + "phone": "+18339280477" }, { "name": "Rosie", diff --git a/package-lock.json b/package-lock.json index 748845e..2f19d43 100644 --- a/package-lock.json +++ b/package-lock.json @@ -30,6 +30,7 @@ "react": "18.2.0", "react-dom": "18.2.0", "react-github-btn": "^1.4.0", + "react-tooltip": "^5.16.1", "replicate": "^0.9.3", "tailwindcss": "3.3.2", "twilio": "^4.12.0", @@ -274,6 +275,19 @@ "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, + "node_modules/@floating-ui/core": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.3.1.tgz", + "integrity": "sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==" + }, + "node_modules/@floating-ui/dom": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.4.3.tgz", + "integrity": "sha512-nB/68NyaQlcdY22L+Fgd1HERQ7UGv7XFN+tPxwrEfQL4nKtAP/jIZnZtpUlXbtV+VEGHh6W/63Gy2C5biWI3sA==", + "dependencies": { + "@floating-ui/core": "^1.3.1" + } + }, "node_modules/@flydotio/dockerfile": { "version": "0.2.14", "resolved": "https://registry.npmjs.org/@flydotio/dockerfile/-/dockerfile-0.2.14.tgz", @@ -1710,6 +1724,11 @@ "node": ">= 6" } }, + "node_modules/classnames": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz", + "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==" + }, "node_modules/client-only": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz", @@ -5081,6 +5100,19 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "node_modules/react-tooltip": { + "version": "5.16.1", + "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-5.16.1.tgz", + "integrity": "sha512-z3IKJppX4llW8wQLQB3o5qUutVul79HVXI+Ncjf/5FMHbniCYPnxS1oCLpOhOEG9lV2QZRrQe9+l/pLEPOrrXA==", + "dependencies": { + "@floating-ui/dom": "^1.0.0", + "classnames": "^2.3.0" + }, + "peerDependencies": { + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", diff --git a/package.json b/package.json index e7dcb59..eadaf46 100644 --- a/package.json +++ b/package.json @@ -34,6 +34,7 @@ "react": "18.2.0", "react-dom": "18.2.0", "react-github-btn": "^1.4.0", + "react-tooltip": "^5.16.1", "replicate": "^0.9.3", "tailwindcss": "3.3.2", "twilio": "^4.12.0", diff --git a/src/components/Examples.tsx b/src/components/Examples.tsx index 9063668..9481a01 100644 --- a/src/components/Examples.tsx +++ b/src/components/Examples.tsx @@ -2,6 +2,7 @@ import { useEffect, useState } from "react"; import QAModal from "./QAModal"; import Image from "next/image"; +import { Tooltip } from "react-tooltip"; import { getCompanions } from "./actions"; @@ -18,6 +19,7 @@ export default function Examples() { title: "", imageUrl: "", llm: "", + phone: "", }, ]); @@ -31,6 +33,7 @@ export default function Examples() { title: entry.title, imageUrl: entry.imageUrl, llm: entry.llm, + phone: entry.phone, })); setExamples(setme); } catch (err) { @@ -80,6 +83,35 @@ export default function Examples() { {example.title}. Running on {example.llm} +