Merge pull request #32 from taga3s/feature/certification

feat: add certification section

app/components/history/HistoryCertification.css.ts

@@ -0,0 +1,15 @@
+import { css } from "hono/css";
+
+const certificationList = css`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 32px;
+`;
+
+const certificationListItem = css`
+  display: flex;
+  gap: 16px;
+`;
+
+export { certificationList, certificationListItem };

app/components/history/HistoryCertification.tsx

@@ -0,0 +1,17 @@
+import { Section } from "../Section";
+import { certificationList, certificationListItem } from "./HistoryCertification.css";
+
+const HistoryCertification = () => {
+  return (
+    <Section title="Certification">
+      <ul class={certificationList}>
+        <li class={certificationListItem}>
+          <span>2024年10月</span>
+          <span>基本情報取得</span>
+        </li>
+      </ul>
+    </Section>
+  );
+};
+
+export { HistoryCertification };

app/components/history/HistoryPresenter.tsx

@@ -3,6 +3,7 @@ import type { WorkExperience } from "../../api/workExperience";
 import { HistoryEducationalBackground } from "./HistoryEducationalBackground";
 import { presenterLayout } from "./HistoryPresenter.css";
 import { HistoryWorkExperience } from "./HistoryWorkExperience";
+import { HistoryCertification } from "./HistoryCertification";
 
 type Props = {
   workExperiences: WorkExperience[];
@@ -15,6 +16,7 @@ const HistoryPresenter: FC<Props> = (props) => {
     <div class={presenterLayout}>
       <HistoryWorkExperience workExperiences={workExperiences} />
       <HistoryEducationalBackground />
+      <HistoryCertification />
     </div>
   );
 };