fix(web): title of my integration and request page (#1234)

* fix: background color * fix: page title
reearth · Oct 1, 2024 · 81de989 · 81de989
1 parent a694312
commit 81de989
Show file tree

Hide file tree

Showing 6 changed files with 1,099 additions and 1,094 deletions.
diff --git a/web/src/components/atoms/PageHeader/index.tsx b/web/src/components/atoms/PageHeader/index.tsx
@@ -8,7 +8,7 @@ const Header: React.FC<Props> = props => {
 };
 
 const StyledPageHeader = styled(PageHeader)`
-  background-color: #fff;
+  background-color: #fff !important;
   padding: 16px 24px;
   .ant-page-header-heading {
     flex-wrap: inherit;

diff --git a/web/src/components/molecules/Asset/Asset/AssetBody/index.tsx b/web/src/components/molecules/Asset/Asset/AssetBody/index.tsx
@@ -58,7 +58,7 @@ const AssetWrapper: React.FC<Props> = ({
       center={
         <Wrapper>
           <PageHeader
-            title={`${t("Asset")}/${asset?.fileName}`}
+            title={`${t("Asset")} / ${asset?.fileName}`}
             extra={
               <Button onClick={onSave} disabled={isSaveDisabled} loading={updateLoading}>
                 {t("Save")}

diff --git a/web/src/components/molecules/MyIntegrations/Content/index.tsx b/web/src/components/molecules/MyIntegrations/Content/index.tsx
@@ -66,7 +66,10 @@ const MyIntegrationContent: React.FC<Props> = ({
 
   return (
     <MyIntegrationWrapper>
-      <PageHeader title={integration.name} onBack={onIntegrationHeaderBack} />
+      <PageHeader
+        title={`${t("My Integration")} / ${integration.name}`}
+        onBack={onIntegrationHeaderBack}
+      />
       <MyIntegrationTabs defaultActiveKey="integration">
         <TabPane tab={t("General")} key="integration">
           <MyIntegrationSettings

diff --git a/web/src/components/molecules/Request/Details/Request.tsx b/web/src/components/molecules/Request/Details/Request.tsx
@@ -57,7 +57,7 @@ const RequestMolecule: React.FC<Props> = ({
   return (
     <Content>
       <PageHeader
-        title={currentRequest.title}
+        title={`${t("Request")} / ${currentRequest.title}`}
         onBack={onBack}
         extra={
           <>