diff --git a/assets/adaptive-icon.png b/assets/adaptive-icon.png index 03d6f6b..800b5e0 100644 Binary files a/assets/adaptive-icon.png and b/assets/adaptive-icon.png differ diff --git a/assets/icon.png b/assets/icon.png index a0b1526..74e0dfe 100644 Binary files a/assets/icon.png and b/assets/icon.png differ diff --git a/assets/splash.png b/assets/splash.png index 0e89705..0d505cd 100644 Binary files a/assets/splash.png and b/assets/splash.png differ diff --git a/src/components/GraphicStatus.jsx b/src/components/GraphicStatus.jsx index af671e9..c1c70fb 100644 --- a/src/components/GraphicStatus.jsx +++ b/src/components/GraphicStatus.jsx @@ -119,9 +119,9 @@ const GraphicStatus = () => { export default GraphicStatus; const GraphicContainer = styled.View` - background-color: white; align-items: center; padding-bottom: 10px; + margin: 0 0 12px; `; const Supports = styled.View` diff --git a/src/components/ToggleList.jsx b/src/components/ToggleList.jsx index 623b31c..b2d1417 100644 --- a/src/components/ToggleList.jsx +++ b/src/components/ToggleList.jsx @@ -46,6 +46,7 @@ const ToggleListItemTitle = styled.Text` const ToggleListItemTime = styled.Text` font-size: 16px; margin: 0 0 0 16px; + text-overflow: ellipsis; `; export default ToggleList; diff --git a/src/components/index.js b/src/components/index.js index 08c3169..3612fa0 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -2,5 +2,14 @@ import ManageList from './ManageList'; import GraphicStatus from './GraphicStatus'; import TextButton from './TextButton'; import ToggleList from './ToggleList'; +import CustomButton from './CustomButton'; +import CustomInput from './CustomInput'; -export { ManageList, TextButton, ToggleList, GraphicStatus }; +export { + ManageList, + TextButton, + ToggleList, + GraphicStatus, + CustomButton, + CustomInput, +}; diff --git a/src/screen/MainPage.jsx b/src/screen/MainPage.jsx index c315c1b..286e95a 100644 --- a/src/screen/MainPage.jsx +++ b/src/screen/MainPage.jsx @@ -40,16 +40,10 @@ const MainPage = ({ navigation: { navigate } }) => { return ( - - navigate('Stacks', { screen: '로그인' })} - > - 로그아웃 - - {/* GraphicStatus가 들어오는 자리 */} item.id} + ListHeaderComponent={} renderItem={({ item: { pillName, id, time, isTaken } }) => ( { return ( 나의 약관리 - - navigate('Stacks', { - screen: '수정 페이지', - params: { - isEdit: false, - eachPillName: '', - eachTime: JSON.stringify(new Date()), - }, - }) - } - > - 약추가 - item.id} @@ -61,6 +47,24 @@ const MyPage = ({ navigation: { navigate } }) => { navigate={navigate} /> )} + ListFooterComponent={ + + + navigate('Stacks', { + screen: '수정 페이지', + params: { + isEdit: false, + eachPillName: '', + eachTime: JSON.stringify(new Date()), + }, + }) + } + buttonText="새로운 약 추가하기" + /> + + } /> ); @@ -77,11 +81,10 @@ const PageTitle = styled.Text` margin: 20px 16px; `; -const AddPill = styled.TouchableOpacity` - background-color: #f8f8f8; - margin: 8px 16px; - height: 80px; - border-radius: 16px; +const CustomButtonContainer = styled.View` + width: 100%; + align-items: center; + margin: -8px 0 16px; `; export default MyPage;