[Gekidou] post list (#5893)

app/components/system_header/index.tsx

@@ -14,6 +14,7 @@ import {Preferences} from '@constants';
 import {MM_TABLES, SYSTEM_IDENTIFIERS} from '@constants/database';
 import {getPreferenceAsBool} from '@helpers/api/preference';
 import {makeStyleSheetFromTheme} from '@utils/theme';
+import {typography} from '@utils/typography';
 import {getUserTimezone} from '@utils/user';
 
 import type {WithDatabaseArgs} from '@typings/database/database';
@@ -35,15 +36,12 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
     return {
         displayName: {
             color: theme.centerChannelColor,
-            fontSize: 15,
-            fontFamily: 'OpenSans-Semibold',
             flexGrow: 1,
-            paddingVertical: 2,
+            ...typography('Body', 200, 'SemiBold'),
         },
         displayNameContainer: {
             maxWidth: '60%',
             marginRight: 5,
-            marginBottom: 3,
         },
         header: {
             flex: 1,
@@ -52,10 +50,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
         },
         time: {
             color: theme.centerChannelColor,
-            fontSize: 12,
             marginTop: 5,
             opacity: 0.5,
             flex: 1,
+            ...typography('Body', 75, 'Regular'),
         },
     };
 });
@@ -105,4 +103,4 @@ const enhanced = withObservables([], ({database}: WithDatabaseArgs) => {
     };
 });
 
-export default withDatabase(enhanced(React.memo(SystemHeader)));
+export default withDatabase(enhanced(SystemHeader));