Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-23 06:59:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

use Heading Component

Browse Source
This commit is contained in:
ammarahm-ed
2020-11-04 17:35:24 +05:00
parent 3bd2730968
commit 6e9366d308
2 changed files with 39 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/mobile/src/components/Header/HeaderTitle.js
View File

@@ -1,22 +1,15 @@
import React from 'react';
import {Text} from 'react-native';
import {useTracked} from '../../provider';
import {SIZE, WEIGHT} from "../../utils/SizeUtils";
import Heading from '../Typography/Heading';
export const HeaderTitle = () => {
const [state,] = useTracked();
const [state] = useTracked();
const {colors, headerTextState} = state;
const style = {
fontSize: SIZE.xl,
color: headerTextState.color || colors.heading,
fontFamily: WEIGHT.bold,
alignSelf: 'center',
};
return (
<>
<Text style={style}>
<Heading color={headerTextState.color}>
<Text
style={{
color: colors.accent,
@@ -27,7 +20,7 @@ export const HeaderTitle = () => {
{headerTextState.heading.slice(0, 1) === '#'
? headerTextState.heading.slice(1)
: headerTextState.heading}
</Text>
</Heading>
</>
);
};