feat(about): Remove progress

src/features/about/work/card/Container.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, useEffect, useMemo, useState } from 'react';
+import { FunctionComponent, useEffect, useState } from 'react';
 
 import { Company } from '../models';
 
@@ -15,8 +15,6 @@ const WorkCardContainer: FunctionComponent<WorkCardContainerProps> = (
   props,
 ) => {
   const {
-    workStartDate,
-    workEndDate,
     projectList,
     toggleOpenAll,
     companyHref,
@@ -29,11 +27,6 @@ const WorkCardContainer: FunctionComponent<WorkCardContainerProps> = (
   const [open, setOpen] = useState(true);
   const handleHeadlineClick = () => setOpen(!open);
 
-  const totalPeriod = useMemo(() => {
-    const end = workEndDate ?? Number(new Date());
-    return end - workStartDate;
-  }, [workStartDate, workEndDate]);
-
   const [hydrated, setHydrated] = useState(false);
 
   useEffect(() => {
@@ -66,7 +59,6 @@ const WorkCardContainer: FunctionComponent<WorkCardContainerProps> = (
               key={project.name}
               {...project}
               format={format}
-              totalPeriod={totalPeriod}
             />
           ))}
         </div>

src/features/about/work/card/content/Project.tsx

@@ -1,7 +1,6 @@
 import { FunctionComponent, MouseEventHandler, useMemo, useState } from 'react';
 
 import { Project, ProjectName } from '../../models';
-import ProgressBar from '../../../../shared/components/ProgressBar';
 
 import UVP from './description/UVP';
 import OAL from './description/OAL';
@@ -18,7 +17,6 @@ import ProjectDate from './ProjectDate';
 import ExternalLink from '~/shared/components/ExternalLink';
 
 export type CompanyContentProjectProps = Project & {
-  totalPeriod: number;
   format?: string;
 };
 
@@ -28,16 +26,10 @@ const CompanyContentProject: FunctionComponent<CompanyContentProjectProps> = ({
   tags,
   startDate,
   endDate,
-  totalPeriod,
   format = 'yyyy.MM',
 }) => {
   const [open, setOpen] = useState(name === ProjectName.UVP);
 
-  const value = useMemo(
-    () => (endDate ?? Number(new Date())) - startDate,
-    [startDate, endDate],
-  );
-
   const handleDetailClick: MouseEventHandler<HTMLDivElement> = () => {
     setOpen(!open);
   };
@@ -65,7 +57,6 @@ const CompanyContentProject: FunctionComponent<CompanyContentProjectProps> = ({
               format={format}
             />
           )}
-          <ProgressBar value={value} total={totalPeriod} />
         </div>
         <Tags tags={tags} />
       </div>