"use client";

import axios from "axios";
import * as React from 'react';
import { useEffect, useState } from "react";
import { useSession } from "next-auth/react";

const RedemptionsPage = () => {
    const { data: session, status } = useSession();
    const [previousUsername, setPreviousUsername] = useState<string | null>()

    useEffect(() => {
        if (status !== "authenticated" || previousUsername == session.user?.name) {
            return
        }
        setPreviousUsername(session.user?.name)

        
    }, [session])

    return (
        <div>
            <div className="text-2xl text-center pt-[50px]">Admin Controls</div>
            <div
                className="flex">
            <div
                className="grow inline-block">
                    <p>test2</p>
            </div>
            <div
                className="inline-block w-[300px]">
                    <p>lalalalalalalala</p>
            </div>
            </div>
        </div>
    );
}

export default RedemptionsPage;

/*
<RoleGate roles={["ADMIN"]}>
          <AdminProfile />
        </RoleGate>
*/