diff --git a/packages/fakeyou/src/data/animation.ts b/packages/fakeyou/src/data/animation.ts index 9ae5164cc4..2fc7888d08 100644 --- a/packages/fakeyou/src/data/animation.ts +++ b/packages/fakeyou/src/data/animation.ts @@ -3,3 +3,8 @@ export const distance = "30px"; export const delay = "100"; export const delay2 = "200"; export const duration = "400"; + +//pricing page +export const pricing1 = "0"; +export const pricing2 = "100"; +export const pricing3 = "200"; diff --git a/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx b/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx index 8309f0edda..8d6408cdf5 100644 --- a/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx +++ b/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx @@ -6,7 +6,17 @@ import { Link } from "react-router-dom"; import { distance, duration, delay } from "../../../data/animation"; import { USE_REFRESH } from "../../../Refresh"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faPlay, faFlagCheckered } from "@fortawesome/free-solid-svg-icons"; +import { + faPlay, + faFlagCheckered, + faAward, + faPenToSquare, +} from "@fortawesome/free-solid-svg-icons"; +import { + faTwitter, + faDiscord, + faTwitch, +} from "@fortawesome/free-brands-svg-icons"; const Fade = require("react-reveal/Fade"); @@ -107,6 +117,7 @@ function FirehoseEventListFc(props: Props) { case "user_sign_up": inner = ( + {gravatar}   {userLink} @@ -117,6 +128,7 @@ function FirehoseEventListFc(props: Props) { case "user_badge_granted": inner = ( + {gravatar}   {userLink} @@ -127,6 +139,7 @@ function FirehoseEventListFc(props: Props) { case "tts_model_upload_started": inner = ( + {gravatar}   {userLink} @@ -137,6 +150,7 @@ function FirehoseEventListFc(props: Props) { case "tts_model_upload_completed": inner = ( + {gravatar}   {userLink} @@ -169,6 +183,7 @@ function FirehoseEventListFc(props: Props) { case "w2l_template_upload_started": inner = ( + {gravatar}   {userLink} @@ -179,6 +194,7 @@ function FirehoseEventListFc(props: Props) { case "w2l_template_upload_completed": inner = ( + {gravatar}   {userLink} @@ -189,6 +205,7 @@ function FirehoseEventListFc(props: Props) { case "w2l_inference_started": inner = ( + {gravatar}   {userLink} @@ -199,6 +216,7 @@ function FirehoseEventListFc(props: Props) { case "w2l_inference_completed": inner = ( + {gravatar}   {userLink} @@ -209,6 +227,7 @@ function FirehoseEventListFc(props: Props) { case "twitter_mention": inner = ( + {gravatar}   {userLink} @@ -219,6 +238,7 @@ function FirehoseEventListFc(props: Props) { case "twitter_retweet": inner = ( + {gravatar}   {userLink} @@ -229,6 +249,7 @@ function FirehoseEventListFc(props: Props) { case "discord_join": inner = ( + {gravatar}   {userLink} @@ -239,6 +260,7 @@ function FirehoseEventListFc(props: Props) { case "discord_message": inner = ( + {gravatar}   {userLink} @@ -249,6 +271,7 @@ function FirehoseEventListFc(props: Props) { case "twitch_subscribe": inner = ( + {gravatar}   {userLink} @@ -259,6 +282,7 @@ function FirehoseEventListFc(props: Props) { case "twitch_follow": inner = ( + {gravatar}   {userLink} diff --git a/packages/fakeyou/src/v2/view/pricing/Pricing.tsx b/packages/fakeyou/src/v2/view/pricing/Pricing.tsx index c984346796..3e953b0a9b 100644 --- a/packages/fakeyou/src/v2/view/pricing/Pricing.tsx +++ b/packages/fakeyou/src/v2/view/pricing/Pricing.tsx @@ -2,7 +2,6 @@ import React, { useState } from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { Link } from "react-router-dom"; import { - faMoneyBillWave, faCheckCircle as TRUE, faTimesCircle as FALSE, faCheck, @@ -12,7 +11,14 @@ import { FAKEYOU_PRICES as FYP, STORYTELLER_PRICES as STP, } from "@storyteller/fakeyou/src/data/PriceTiers"; -import { distance, delay, delay2, duration } from "../../../data/animation"; +import { + distance, + pricing1, + pricing2, + pricing3, + delay2, + duration, +} from "../../../data/animation"; const Fade = require("react-reveal/Fade"); interface Props { @@ -70,14 +76,13 @@ function PricingPage(props: Props) {
- -
+
+

Free

Great for hobbyists

@@ -99,8 +104,15 @@ function PricingPage(props: Props) {
-
-
+ +
+
+

Basic

Great for hobbyists

@@ -126,8 +138,15 @@ function PricingPage(props: Props) {
-
-
+ +
+
+

Pro

Great for hobbyists

@@ -161,8 +180,8 @@ function PricingPage(props: Props) {
-
- + +