Skip to content

Commit

Permalink
Merge branch 'main' of github.com:SuperViz/sv-activiation-app
Browse files Browse the repository at this point in the history
  • Loading branch information
@carlossantos74
carlossantos74 committed Sep 6, 2024
2 parents fa32bda + 23b29d3 commit 02a40b8
Show file tree
Hide file tree
Showing 3 changed files with 149 additions and 89 deletions.
97 changes: 69 additions & 28 deletions src/app/dashboard/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,27 +1,28 @@
'use client';
"use client";

import React, { useRef, useState } from 'react';
import React, { useRef, useState } from "react";
import Image from "next/image";
import fenderImg from '../../../public/fender-lego-tv.png'
import qrcode from '../../../public/qrcode_events.superviz.com.png'
import fenderImg from "../../../public/fender-lego-tv.png";
import qrcode from "../../../public/qrcode_events.superviz.com.png";
import Activations from "@/components/Activations";
import UsersDashboard from "@/components/UsersDashboard";
import { activations } from "@/data/activationsData";
import { Realtime, SuperVizRoomProvider } from "@superviz/react-sdk";
import { ToastContainer } from 'react-toastify';
import { v4 as uuid } from 'uuid'
import './UserDashboard.scss'
import { ToastContainer } from "react-toastify";
import { v4 as uuid } from "uuid";
import "./UserDashboard.scss";

const DEVELOPER_KEY = process.env.NEXT_PUBLIC_DEVELOPER_KEY as string
const DASHBOARD_GROUP_ID = process.env.NEXT_PUBLIC_DASHBOARD_GROUP_ID as string
const DASHBOARD_GROUP_NAME = process.env.NEXT_PUBLIC_DASHBOARD_GROUP_NAME as string
const DASHBOARD_PARTICIPANT_ID = uuid()
const DASHBOARD_PARTICIPANT_NAME = process.env.NEXT_PUBLIC_DASHBOARD_PARTICIPANT_NAME as string
const DEVELOPER_KEY = process.env.NEXT_PUBLIC_DEVELOPER_KEY as string;
const DASHBOARD_GROUP_ID = process.env.NEXT_PUBLIC_DASHBOARD_GROUP_ID as string;
const DASHBOARD_GROUP_NAME = process.env
.NEXT_PUBLIC_DASHBOARD_GROUP_NAME as string;
const DASHBOARD_PARTICIPANT_ID = uuid();
const DASHBOARD_PARTICIPANT_NAME = process.env
.NEXT_PUBLIC_DASHBOARD_PARTICIPANT_NAME as string;

const DASHBOARD_ROOM_ID = process.env.NEXT_PUBLIC_DASHBOARD_ROOM_ID as string
const DASHBOARD_ROOM_ID = process.env.NEXT_PUBLIC_DASHBOARD_ROOM_ID as string;

export default function Dashboard() {

return (
<SuperVizRoomProvider
developerKey={DEVELOPER_KEY}
Expand All @@ -35,23 +36,49 @@ export default function Dashboard() {
}}
roomId={DASHBOARD_ROOM_ID}
>
<div className='flex w-full h-screen relative p-[1.25rem] tv:p-[2.5rem] tvBg'>
<div className="flex w-full h-screen relative p-[1.25rem] tv:p-[2.5rem] tvBg">
<div className="flex flex-col z-10 p-[2.5rem] tv:p-[5rem] shrink">
<Image src="/logo-sm.svg" width={108} height={20} alt="Logo Superviz" className="tv:w-[13.5rem] object-contain" />
<Image
src="/logo-sm.svg"
width={108}
height={20}
alt="Logo Superviz"
className="tv:w-[13.5rem] object-contain"
/>
<h1 className="font-black mt-[2rem] text-7xl tv:mt-[4rem] tv:text-[9.5rem] tv:leading-[10.5rem]">
Ganhe um LEGO<span className="text-3xl tv:text-[5rem] tv:leading-[6rem] align-top">® </span>
da Fender<span className="text-3xl tv:text-[5rem] tv:leading-[6rem] align-top">®</span>
Ganhe um LEGO
<span className="text-3xl tv:text-[5rem] tv:leading-[6rem] align-top">
®{" "}
</span>
da Fender
<span className="text-3xl tv:text-[5rem] tv:leading-[6rem] align-top">
®
</span>
</h1>
<div className="text-3xl mt-[3.125rem] tv:mt-[6.25rem] tv:text-[4rem] tv:leading-[5.5rem]">
<p>Participe de qualquer ativação e ganhe pontos para concorrer.</p>
<p className="font-black">Quanto mais ativações, mais chances de ganhar.</p>
<p className="font-black">
Quanto mais ativações, mais chances de ganhar.
</p>
</div>
<Image src={qrcode} width={145} height={145} alt="QR Code para ativação" className="mt-[3.125rem] tv:w-[18.125rem] tv:mt-[6.25rem]" />
<Image
src={qrcode}
width={500}
height={145}
alt="QR Code para ativação"
className="mt-[3.125rem] tv:mt-[6.25rem]"
/>
</div>
<Image src={fenderImg} alt="Imagem de um Lego da Fender" className="z-0 absolute bottom-[2.5rem] tv:bottom-[5rem] left-0 max-w-[27vw] object-contain" />
<div className="user-canva flex flex-col bg-[#C9C4D114] py-10 rounded-[2rem] min-w-[84.375rem] tv:py-20 tv:rounded-[4rem] tv:min-w-[168.75rem] grow">
<div className='px-10 tv:px-20'>
<p className="font-black text-4xl tv:text-[5rem] tv:leading-[6rem]">Participantes em tempo real</p>
<Image
src={fenderImg}
alt="Imagem de um Lego da Fender"
className="z-0 absolute bottom-[2.5rem] tv:bottom-[5rem] left-0 max-w-[27vw] object-contain"
/>
<div className="user-canva flex flex-col bg-[#C9C4D114] py-10 rounded-[2rem] min-w-[100.375rem] tv:py-20 tv:rounded-[4rem] tv:min-w-[75%] grow">
<div className="px-10 tv:px-20">
<p className="font-black text-4xl tv:text-[5rem] tv:leading-[6rem]">
Participantes em tempo real
</p>
</div>
<div className="grow">
<Realtime />
Expand All @@ -60,14 +87,28 @@ export default function Dashboard() {
<div className="flex justify-between mt-9 px-10 tv:px-20">
<Activations activations={activations} />
<div className="flex gap-3 items-center sv-shadow">
<Image src="/sync-logo.svg" width={25} height={20} alt="ícone de sincronização" className="tv:w-[3.125rem] object-contain" />
<span className="tv:text-[2.12rem] tv:leading-[2.5rem]">Sincronização de dados por </span>
<Image src="/logo-md.svg" width={80} height={15} alt="Superviz" className="tv:w-[9.7rem] object-contain" />
<Image
src="/sync-logo.svg"
width={25}
height={20}
alt="ícone de sincronização"
className="tv:w-[3.125rem] object-contain"
/>
<span className="tv:text-[2.12rem] tv:leading-[2.5rem]">
Sincronização de dados por{" "}
</span>
<Image
src="/logo-md.svg"
width={80}
height={15}
alt="Superviz"
className="tv:w-[9.7rem] object-contain"
/>
</div>
</div>
</div>
</div>
<ToastContainer limit={5} />
</SuperVizRoomProvider>
);
};
}
30 changes: 14 additions & 16 deletions src/components/ActivationsPages/GameActivationPlayLayout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,6 @@ export default function GameActivationPlayLayout({
repeatedTries.current += 1;

if (randomTimes.includes(repeatedTries.current)) {
console.log("includes", randomTimes, repeatedTries.current);
try {
const user = await getUserData(
JSON.parse(localStorage.getItem(USERDATA_KEY) as string)
Expand All @@ -78,21 +77,20 @@ export default function GameActivationPlayLayout({
timesRevoked: user?.timesRevoked! + 1,
});

// const response = await fetch(
// "https://codecodes-api-78be231ef650.herokuapp.com/token/partner",
// {
// method: "POST",
// headers: {
// "x-partnerApiKey": "aa7da574-3ab2-4911-b2af-73afc22df46f",
// },
// }
// );

// const {
// data: { code },
// } = await response.json();

const code = "123456";
const response = await fetch(
"https://codecodes-api-78be231ef650.herokuapp.com/token/partner",
{
method: "POST",
headers: {
"x-partnerApiKey": "aa7da574-3ab2-4911-b2af-73afc22df46f",
},
}
);

const {
data: { code },
} = await response.json();

toast(`Você descobriu um Code-Code! Anote: ${code}`, {
autoClose: 15000,
position: "top-center",
Expand Down
Loading

0 comments on commit 02a40b8

Please sign in to comment.