atridad/pollo
1
0
Fork 0
Code Activity Actions

CSS fix

Browse source
This commit is contained in:
Atridad Lahiji 2023-10-04 14:45:35 -06:00 • committed by atridadl
parent 279e50019c
commit 1f4a44b45c
No known key found for this signature in database
1 changed files with 75 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/(client)/room/[id]/VoteUI.tsx
View file

@ -43,10 +43,12 @@ const VoteUI = () => {
fetch(`/api/internal/room/${roomId}`, { fetch(`/api/internal/room/${roomId}`, {
cache: "no-cache", cache: "no-cache",
method: "GET", method: "GET",
}).then(async (response) => { })
.then(async (response) => {
const dbRoom = (await response.json()) as RoomResponse; const dbRoom = (await response.json()) as RoomResponse;
setRoomFromDb(dbRoom); setRoomFromDb(dbRoom);
}).catch(() => { })
.catch(() => {
setRoomFromDb(null); setRoomFromDb(null);
}); });
}; };
@ -239,7 +241,9 @@ const VoteUI = () => {
{roomFromDb && ( {roomFromDb && (
<div className="card card-compact bg-base-100 shadow-xl"> <div className="card card-compact bg-base-100 shadow-xl">
<div className="card-body"> <div className="card-body">
<h2 className="card-title">Story: { roomFromDb.storyName }</h2> <h2 className="card-title mx-auto">
Story: {roomFromDb.storyName}
</h2>
<ul className="p-0 flex flex-row flex-wrap justify-center items-center text-ceter gap-4"> <ul className="p-0 flex flex-row flex-wrap justify-center items-center text-ceter gap-4">
{presenceData && {presenceData &&
@ -308,12 +312,13 @@ const VoteUI = () => {
})} })}
</ul> </ul>
<div className="join md:btn-group-horizontal"> <div className="join md:btn-group-horizontal mx-auto">
{roomFromDb.scale?.split(",").map((scaleItem, index) => { {roomFromDb.scale?.split(",").map((scaleItem, index) => {
return ( return (
<button <button
key={index} key={index}
className={ `join-item ${getVoteForCurrentUser()?.value === scaleItem className={`join-item ${
getVoteForCurrentUser()?.value === scaleItem
? "btn btn-active btn-primary" ? "btn btn-active btn-primary"
: "btn" : "btn"
}`} }`}