From 5d6a9de7d5417bbdebf4b094d3bb77472f347111 Mon Sep 17 00:00:00 2001 From: Stijn van der Kolk Date: Tue, 2 Apr 2024 16:54:55 +0200 Subject: [PATCH 1/6] feat: improve homepage text --- src/pages/index.tsx | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 2b8bea44..41ca2c5c 100755 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -131,17 +131,15 @@ const Home: NextPage = () => {

Easy, extensive and secure

- With the click of a button you'll be logged with your Spotify - account and you'll instantly gain access to a valhalla of - cool stats and insights + With the click of a button, you'll be logged into your + account, instantly gaining access to a valhalla of cool stats and + insights

- Privacy is key, and I've built the platform keeping - security and privacy at the highest priority. As far as - possible, all data is saved anonymously, and is stored and - transferred fully encrypted. Unless you import your streaming - history no data is saved on the servers. + We prioritize privacy and security. We only store the data we + need to store to provide you with a magical experience, and all + data is stored securely. { Icon={MdFormatListBulleted} title="Top tracks, artists and albums at a glance*" > - Of course most people are here to check their top lists, which - becomes an amazing experience on this platform. For example: - order the lists by times played, minutes streamed or by advanced - machine learning! + Many users love checking their top lists hereā€”it's a + magical experience. You can organize lists by playtime, stream + count, or use provided ordering methods from connected services. - Follow the unique import process to import your lifetime - streaming history and unlock the full potential of the platform - by getting access to lots of cool features. It's really - cool, I promise : ) + Take advantage of our unique import process to bring in your + complete streaming history and unleash a wave of fantastic + features. Believe us, it's really cool!

*{' '} - + { From eafdc864a0a35842bbed9bc30a030d9b0c850fae Mon Sep 17 00:00:00 2001 From: Stijn van der Kolk Date: Tue, 2 Apr 2024 16:56:32 +0200 Subject: [PATCH 2/6] feat: add navbar upgrades --- src/components/Navbar.tsx | 74 ++++++++++++++++++++++++--------------- 1 file changed, 46 insertions(+), 28 deletions(-) diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index ea490f80..434ddbb8 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -4,8 +4,10 @@ import { useAuth } from '@/hooks'; import { MdAccountCircle, MdExitToApp, MdManageAccounts } from 'react-icons/md'; import { Transition } from '@headlessui/react'; import { event } from 'nextjs-google-analytics'; +import type { NextRouter } from 'next/router'; import { useRouter } from 'next/router'; import Cookies from 'js-cookie'; +import type { UserPrivate } from '@statsfm/statsfm.js'; import { Logo } from './Logo'; import { Avatar } from './Avatar/Avatar'; import { Menu } from './Menu'; @@ -13,6 +15,34 @@ import { Container } from './Container'; import { Button } from './Button'; import { CrownIcon } from './Icons'; +const navigation = [ + { + link: ({ + user, + router, + }: { + user: UserPrivate | null; + router: NextRouter; + }) => + user && !user.isPlus && !router.pathname.includes('/plus') ? ( + event('NAV_plus')} + > + + Unlock Plus + + ) : ( + + Plus + + ), + }, + { name: 'Support', href: 'https://support.stats.fm' }, + { name: 'Feedback', href: 'https://feedback.stats.fm' }, +]; + export const NavBar = () => { const { user, logout, login } = useAuth(); const router = useRouter(); @@ -29,15 +59,6 @@ export const NavBar = () => { return (