From 7c5de7b20ca995f5249561a489506a70fc05ff3f Mon Sep 17 00:00:00 2001
From: alt0 <wxlxinglong@outlook.com>
Date: Wed, 28 Sep 2022 15:30:57 +0800
Subject: [PATCH] fix: page title support click to reload

---
 libs/components/layout/src/header/LayoutHeader.tsx |  2 +-
 libs/components/layout/src/header/Title.tsx        | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/libs/components/layout/src/header/LayoutHeader.tsx b/libs/components/layout/src/header/LayoutHeader.tsx
index e6ab719a5a..03b427c8fb 100644
--- a/libs/components/layout/src/header/LayoutHeader.tsx
+++ b/libs/components/layout/src/header/LayoutHeader.tsx
@@ -121,7 +121,7 @@ const StyledHeaderRoot = styled('div')(({ theme }) => {
     };
 });
 
-const FlexContainer = styled('div')({ display: 'flex' });
+const FlexContainer = styled('div')({ display: 'flex', alignItems: 'center' });
 
 const TitleContainer = styled('div')(({ theme }) => {
     return {
diff --git a/libs/components/layout/src/header/Title.tsx b/libs/components/layout/src/header/Title.tsx
index dcd0c9e356..a71f84f00d 100644
--- a/libs/components/layout/src/header/Title.tsx
+++ b/libs/components/layout/src/header/Title.tsx
@@ -72,7 +72,11 @@ export const CurrentPageTitle = () => {
     }, [pageTitle]);
 
     return pageTitle ? (
-        <ContentText type="sm" title={pageTitle}>
+        <ContentText
+            type="sm"
+            onClick={() => window.location.reload()}
+            title={pageTitle}
+        >
             {pageTitle}
         </ContentText>
     ) : null;
@@ -85,5 +89,12 @@ const ContentText = styled(Typography)(({ theme }) => {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
+        padding: '6px 12px',
+        cursor: 'pointer',
+        borderRadius: '5px',
+
+        '&:hover': {
+            backgroundColor: '#F5F7F8',
+        },
     };
 });