import { GiteaProfileCard } from "@/components/cards/dashboard/git/GiteaProfileCard"
import { LinkGitea } from "@/components/cards/dashboard/git/LinkGitea"
//import { CreateRepo } from "@/components/cards/dashboard/git/CreateRepo"
//import { ChangeUsername } from "@/components/cards/dashboard/git/ChangeUsername"
//import { ChangePassword } from "@/components/cards/dashboard/git/ChangePassword"
//import { ChangeEmail } from "@/components/cards/dashboard/git/ChangeEmail"

interface DashboardState {
  gitUser: string;
  gitAvatar?: string;
  gitLastLogin?: string;
  gitFollowerCt: number;
  gitFollowingCt: number;
  gitIsAdmin: boolean;
  gitEmail?: string;
}

export const GitTab = ({ dashboardState }: { dashboardState: DashboardState }) => {
  return (
    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
      {(dashboardState.gitUser && dashboardState.gitUser !== "Unlinked") && (
        <GiteaProfileCard dashboardState={dashboardState} />
      )}
      <LinkGitea linked={!!dashboardState.gitUser && dashboardState.gitUser !== "Unlinked"} />
      {/*
      ~-~-~-~-~-~-~-~-~-~-~-~DISABLED FOR NOW~-~-~-~-~-~-~-~-~-~-~-~
      <ChangeUsername gitUser={dashboardState.gitUser} />
      <ChangePassword />
      <ChangeEmail gitEmail={dashboardState.gitEmail || ""} />
      <CreateRepo />
      */}
    </div>
  )
}

