Config Connections ContentHeader Home Logs Rules About Proxies ProxyP…

…roviderList

src/components/Config.tsx

@@ -19,7 +19,7 @@ import { ClashGeneralConfig } from '$src/store/types';
 
 import Button from './Button';
 import s0 from './Config.module.scss';
-import ContentHeader from './ContentHeader';
+import { ContentHeader } from './ContentHeader';
 import { ToggleInput } from './form/Toggle';
 import Input, { SelfControlledInput } from './Input';
 import { Selection2 } from './Selection';

src/components/Connections.tsx

@@ -13,7 +13,7 @@ import useRemainingViewPortHeight from '../hooks/useRemainingViewPortHeight';
 import s from './Connections.module.scss';
 import ConnectionTable from './ConnectionTable';
 import { MutableConnRefCtx } from './conns/ConnCtx';
-import ContentHeader from './ContentHeader';
+import { ContentHeader } from './ContentHeader';
 import ModalCloseAllConnections from './ModalCloseAllConnections';
 import { Action, Fab, position as fabPosition } from './shared/Fab';
 import SvgYacd from './SvgYacd';

src/components/ContentHeader.module.scss

@@ -7,6 +7,7 @@
 .h1 {
   padding: 0 15px;
   font-size: 1.7em;
+  font-weight: bold;
   @media screen and (min-width: 30em) {
     padding: 0 40px;
     font-size: 2em;

src/components/ContentHeader.tsx

@@ -6,12 +6,10 @@ type Props = {
   title: string;
 };
 
-function ContentHeader({ title }: Props) {
+export function ContentHeader({ title }: Props) {
   return (
     <div className={s0.root}>
       <h1 className={s0.h1}>{title}</h1>
     </div>
   );
 }
-
-export default React.memo(ContentHeader);

src/components/Home.tsx

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ContentHeader from './ContentHeader';
+import { ContentHeader } from './ContentHeader';
 import s0 from './Home.module.scss';
 import Loading from './Loading';
 import TrafficChart from './TrafficChart';

src/components/Logs.tsx

@@ -5,7 +5,7 @@ import { Pause, Play } from 'react-feather';
 import { useTranslation } from 'react-i18next';
 import { areEqual, FixedSizeList as List, ListChildComponentProps } from 'react-window';
 import { fetchLogs, reconnect as reconnectLogs, stop as stopLogs } from 'src/api/logs';
-import ContentHeader from 'src/components/ContentHeader';
+import { ContentHeader } from 'src/components/ContentHeader';
 import LogSearch from 'src/components/LogSearch';
 import { connect } from 'src/components/StateProvider';
 import SvgYacd from 'src/components/SvgYacd';

src/components/Rules.tsx

@@ -11,7 +11,7 @@ import { ruleFilterTextAtom } from '$src/store/rules';
 import { ClashAPIConfig, RuleType } from '$src/types';
 
 import useRemainingViewPortHeight from '../hooks/useRemainingViewPortHeight';
-import ContentHeader from './ContentHeader';
+import { ContentHeader } from './ContentHeader';
 import Rule from './Rule';
 import s from './Rules.module.scss';
 

src/components/about/About.tsx

@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import * as React from 'react';
 import { fetchVersion } from 'src/api/version';
-import ContentHeader from 'src/components/ContentHeader';
+import { ContentHeader } from 'src/components/ContentHeader';
 import { useApiConfig } from 'src/store/app';
 
 import { GitHubIcon } from '../icon/GitHubIcon';

src/components/proxies/Proxies.tsx

@@ -2,7 +2,7 @@ import { Tooltip } from '@reach/tooltip';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Button from 'src/components/Button';
-import ContentHeader from 'src/components/ContentHeader';
+import { ContentHeader } from 'src/components/ContentHeader';
 import { ClosePrevConns } from 'src/components/proxies/ClosePrevConns';
 import { ProxyGroup } from 'src/components/proxies/ProxyGroup';
 import { ProxyPageFab } from 'src/components/proxies/ProxyPageFab';

src/components/proxies/ProxyProviderList.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import ContentHeader from 'src/components/ContentHeader';
+import { ContentHeader } from 'src/components/ContentHeader';
 import { ProxyProvider } from 'src/components/proxies/ProxyProvider';
 import { FormattedProxyProvider } from 'src/store/types';