Rename component

pythonitalia · Oct 12, 2024 · 7bfc5c3 · 7bfc5c3
1 parent 9b403b1
commit 7bfc5c3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 18 deletions.
diff --git a/frontend/src/components/my-grant-profile-page-handler/grant-table-info.tsx b/frontend/src/components/my-grant-profile-page-handler/grant-table-info.tsx
@@ -3,7 +3,7 @@ import { FormattedMessage } from "react-intl";
 
 import type { MyProfileWithGrantQuery } from "~/types";
 
-import { Title } from "~/components/title";
+import { TableItemHeader } from "~/components/table-item-header";
 import { getCountryLabel } from "~/helpers/country-utils";
 import { useCountries } from "~/helpers/use-countries";
 
@@ -66,7 +66,7 @@ const GrantInfo = ({
 }) => {
   return (
     <div>
-      <Title>{label}</Title>
+      <TableItemHeader>{label}</TableItemHeader>
       <Spacer size="xs" />
       <Text>{children}</Text>
     </div>

diff --git a/frontend/src/components/schedule-event-detail/index.tsx b/frontend/src/components/schedule-event-detail/index.tsx
@@ -20,7 +20,7 @@ import { compile } from "~/helpers/markdown";
 import { useCurrentLanguage } from "~/locale/context";
 
 import { Fragment } from "react";
-import { Title } from "~/components/title";
+import { TableItemHeader } from "~/components/table-item-header";
 import type { ProposalMaterial, TalkQueryResult } from "~/types";
 import { ParticipantInfoSection } from "../participant-info-section";
 import { EventTag } from "./event-tag";
@@ -164,9 +164,9 @@ export const ScheduleEventDetail = ({
             )}
             {elevatorPitch && (
               <>
-                <Title>
+                <TableItemHeader>
                   <FormattedMessage id="scheduleEventDetail.elevatorPitch" />
-                </Title>
+                </TableItemHeader>
                 <Spacer size="small" />
                 <StyledText baseTextSize={1}>
                   {compile(elevatorPitch).tree}
@@ -176,9 +176,9 @@ export const ScheduleEventDetail = ({
             )}
             {abstract && (
               <>
-                <Title>
+                <TableItemHeader>
                   <FormattedMessage id="scheduleEventDetail.abstract" />
-                </Title>
+                </TableItemHeader>
                 <Spacer size="small" />
                 <StyledText baseTextSize={2}>
                   {compile(abstract).tree}
@@ -188,9 +188,9 @@ export const ScheduleEventDetail = ({
             )}
             {tags && (
               <>
-                <Title>
+                <TableItemHeader>
                   <FormattedMessage id="scheduleEventDetail.tags" />
-                </Title>
+                </TableItemHeader>
                 <Spacer size="small" />
                 <Text size={2} weight="strong">
                   {tags.join(", ")}
@@ -247,9 +247,9 @@ const Materials = ({
 }) => {
   return (
     <>
-      <Title>
+      <TableItemHeader>
         <FormattedMessage id="scheduleEventDetail.materials" />
-      </Title>
+      </TableItemHeader>
       <Spacer size="small" />
       <ul>
         {materials.map((material) => (

diff --git a/frontend/src/components/title/index.tsx b/frontend/src/components/title/index.tsx