Change folder dir for potential atomic design structures

src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import RootNavigator from './components/navigation/RootStackNavigator';
+import RootNavigator from './components/navigations/RootStackNavigator';
 import RootProvider from './providers';
 import {initFbt} from './utils/fbt';
 

src/components/navigation/RootStackNavigator.tsx → src/components/navigations/RootStackNavigator.tsx

@@ -5,10 +5,10 @@ import {
   createStackNavigator,
 } from '@react-navigation/stack';
 
-import Intro from '../screen/Intro';
+import Intro from '../pages/Intro';
 import {NavigationContainer} from '@react-navigation/native';
 import React from 'react';
-import Temp from '../screen/Temp';
+import Temp from '../pages/Temp';
 import {useTheme} from '../../providers/ThemeProvider';
 
 export type RootStackParamList = {

src/components/screen/Intro.tsx → src/components/pages/Intro.tsx

@@ -1,9 +1,9 @@
 import styled, {css} from 'styled-components/native';
 
-import Button from '../shared/Button';
+import Button from '../templates/Button';
 import {IC_MASK} from '../../utils/Icons';
 import React from 'react';
-import {RootStackNavigationProps} from '../navigation/RootStackNavigator';
+import {RootStackNavigationProps} from '../navigations/RootStackNavigator';
 import {User} from '../../types';
 import {View} from 'react-native';
 import {fbt} from 'fbt';

src/components/screen/Temp.tsx → src/components/pages/Temp.tsx

@@ -1,9 +1,9 @@
 import {
   RootStackNavigationProps,
   RootStackParamList,
-} from '../../components/navigation/RootStackNavigator';
+} from '../navigations/RootStackNavigator';
 
-import Button from '../shared/Button';
+import Button from '../templates/Button';
 import React from 'react';
 import {RouteProp} from '@react-navigation/core';
 import styled from 'styled-components/native';

src/components/screen/__tests__/Intro.test.tsx → src/components/pages/__tests__/Intro.test.tsx

@@ -2,7 +2,7 @@ import React, {ReactElement} from 'react';
 import {RenderAPI, act, fireEvent, render} from '@testing-library/react-native';
 import {createTestElement, createTestProps} from '../../../../test/testUtils';
 
-import Button from '../../shared/Button';
+import Button from '../../templates/Button';
 import Intro from '../Intro';
 import {ThemeType} from '../../../providers/ThemeProvider';
 import renderer from 'react-test-renderer';

src/components/ui/Typography.tsx

@@ -0,0 +1,29 @@
+import styled, {css} from 'styled-components/native';
+
+export const Heading1 = styled.Text`
+  font-size: 26px;
+  text-align: center;
+  color: ${({theme}): string => theme.text};
+  font-family: futura;
+  font-weight: 700;
+
+  ${({theme: {isDesktop}}) =>
+    isDesktop &&
+    css`
+      font-size: 40px;
+    `}
+`;
+
+export const Body1 = styled.Text`
+  font-size: 20px;
+  text-align: center;
+  color: ${({theme}): string => theme.text};
+  font-family: avenir;
+  font-weight: 800;
+
+  ${({theme: {isDesktop}}) =>
+    isDesktop &&
+    css`
+      font-size: 28px;
+    `}
+`;