"use client";
import { RootState } from "@/redux/store";
import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";

const UserName = () => {
  const user = useSelector((state: RootState) => state.user.user);
  const [greeting, setGreeting] = useState("Hello");

  // useEffect(() => {
  //   const currentHour = new Date().getHours();

  //   if (currentHour >= 5 && currentHour < 12) {
  //     setGreeting("Good Morning");
  //   } else if (currentHour >= 12 && currentHour < 14) {
  //     setGreeting("Good Noon");
  //   } else if (currentHour >= 14 && currentHour < 18) {
  //     setGreeting("Good Afternoon");
  //   } else {
  //     setGreeting("Good Night");
  //   }
  // }, []);

  // Safely fallback to empty string instead of "undefined"
  const displayName =
    (user as any)?.user?.name || (user as any)?.full_name || "";

  return (
    <div className="text-hello-text font-bricolage text-[42px] font-extralight">
      {greeting},{" "}
      {displayName && <span className="font-semibold">{displayName}</span>}
    </div>
  );
};

export default UserName;