29 lines
872 B
TypeScript
29 lines
872 B
TypeScript
"use client";
|
|
|
|
import { useRobuxBalance } from "@/hooks/roblox/useRobuxBalance";
|
|
import { RobuxIcon } from "./RobloxIcons";
|
|
import React from "react";
|
|
|
|
export const QuickTopUI = React.memo(function () {
|
|
const robux = useRobuxBalance();
|
|
return (
|
|
<div className="z-50 absolute top-4 right-4 p-4 flex gap-4 items-center">
|
|
<div className="rounded-full bg-crust/50 flex items-center p-2">
|
|
<div className="px-2 font-sans text-blue text-xl flex items-center">
|
|
<RobuxIcon className="w-6 h-6" />
|
|
<p className="pl-1">{robux || "???"}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export const QuickTopUILogoPart = React.memo(function () {
|
|
return (
|
|
<div className="z-50 relative top-4 left-4 p-4 flex gap-4 items-center text-blue">
|
|
<img src="/icon-128.webp" className="-m-1 w-8 h-8" alt="" />
|
|
<p className="mt-2">{"ocbwoy3-chan-blox"}</p>
|
|
</div>
|
|
);
|
|
});
|