import { useCallback, useEffect, useState } from 'react';

interface CurrentWorkplace {
  company: string;
  position: string;
}

interface AboutMeState {
  currentWorkplace: Partial<CurrentWorkplace>;
  dailyKnowledge: string[];
  fullName: string;
}

interface AboutMeHook {
  aboutMe: AboutMeState;
}

export default function useAboutMe(): AboutMeHook {
  const [aboutMe, setAboutMe] = useState<AboutMeState>({
    currentWorkplace: {},
    dailyKnowledge: [],
    fullName: ''
  });

  const setFullName = useCallback(() => {
    setAboutMe({
      ...aboutMe,
      fullName: 'Andriannus Parasian'
    });
  }, [aboutMe]);

  const setCurrentWorkplace = useCallback(() => {
    setAboutMe({
      ...aboutMe,
      currentWorkplace: {
        company: 'eFishery',
        position: 'Frontend Engineer'
      }
    });
  }, [aboutMe]);

  const setDailyKnowledge = useCallback(() => {
    setAboutMe({
      ...aboutMe,
      dailyKnowledge: [
        'JavaScript',
        'TypeScript',
        'React.js',
        'Vue',
        'Angular',
        'AJAX',
        'CSS Preprocessor',
        'Unit Test',
        'E2E Test',
        'Git',
        'JIRA/ClickUp'
      ]
    });
  }, [aboutMe]);

  useEffect(() => {
    setFullName();
    setDailyKnowledge();
    setCurrentWorkplace();
  }, [setFullName, setDailyKnowledge, setCurrentWorkplace]);

  return { aboutMe };
}