Projects page

ProjectsPage.tsx

interface ProjectType {
  [key: string]: string;
}

interface ProjectData {
  projects: ProjectType;
  projectsMetadata: ProjectType;
}

interface ProjectsProps {
  projectsData: ProjectData;
}

const Projects = (props: ProjectsProps) => {  
  return (
    <div className="GenericContainer">
      {
        props.projectsData 
        ?
      <div className="ProjectsGrid">
        <Project
          title="POMODORO TIMER"
          description='a simple time management tool built on React.'
          gif={[timer, timerStatic]}
          link='https://github.com/cvega21/pomodoro-timer'
          stack={['react', 'bootstrap']}
          time={props.projectsData.projects['Pomodoro Timer Project']}
          />
      </div>  
        : 
        <FontAwesomeIcon icon={faCircleNotch} className='loadingIcon'/>
      }
    </div>
   )
}