refactor: remove unused fields

This commit is contained in:
Mikhail Saveliev 2024-01-06 16:38:33 +05:00
parent 8b5b95c8c2
commit 1a0da658a8

View file

@ -27,7 +27,7 @@ export const MainPage = () => {
<div className="flex flex-row items-center gap-2">
<GamepadIcon />
<span className="font-bold">
In-House games
Games
</span>
</div>
<div className="flex flex-row gap-2 items-center">
@ -54,33 +54,9 @@ export const MainPage = () => {
</div>
<div className="flex flex-col h-full justify-between">
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-col">
<span className="text-xl font-bold">DICE</span>
<div className="text-gray-400 font-medium">562 online</div>
</div>
<a href="/dice" className="min-w-[100px] max-h-[45px] bg-blue-500 rounded-[10px] border border-blue-400 font-bold px-3 items-center flex justify-center">Play now</a>
</div>
<div className="flex flex-row justify-between">
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Hourly drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">217.32</span>
<CoinIcon />
</div>
</div>
<div className="w-[2px] bg-slate-400"></div>
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Daily drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">217.32</span>
<CoinIcon />
</div>
</div>
</div>
</div>
</div>
{/* Rock paper scissorstel */}
@ -96,31 +72,9 @@ export const MainPage = () => {
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-col">
<span className="text-xl font-bold uppercase">Rock paper scissors</span>
<div className="text-gray-400 font-medium">689 online</div>
</div>
<button className="bg-blue-500 min-w-[103px] max-h-[45px] rounded-[10px] border border-blue-400 font-bold px-3 inline-block">Play now</button>
</div>
<div className="flex flex-row justify-between">
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Hourly drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">367.27</span>
<CoinIcon />
</div>
</div>
<div className="w-[2px] bg-slate-400"></div>
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Daily drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">1,984.18</span>
<CoinIcon />
</div>
</div>
</div>
</div>
</div>
<div className="w-[374px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
@ -135,31 +89,9 @@ export const MainPage = () => {
<div className="flex flex-row justify-between min-w-[200px]">
<div className="flex flex-col">
<span className="text-xl font-bold uppercase">Slot machine</span>
<div className="text-gray-400 font-medium">315 online</div>
</div>
<button className="bg-blue-500 min-w-[103px] max-h-[45px] rounded-[10px] border border-blue-400 font-bold px-3 inline-block">Play now</button>
</div>
<div className="flex flex-row justify-between">
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Hourly drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">198.47</span>
<CoinIcon />
</div>
</div>
<div className="w-[2px] bg-slate-400"></div>
<div className="flex flex-col">
<span className="text-gray-400 font-medium text-[14px]">
Daily drop
</span>
<div className="flex flex-row gap-2">
<span className="font-medium">1,487.28</span>
<CoinIcon />
</div>
</div>
</div>
</div>
</div>
</div>