Merge pull request #43 from kendallroth/v-0-4-0

v0.4.0

CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.0] - 2023-03-09
+
 ### Added
 - Select a day to open with app launch
 - Page for adding and editing days

app.config.ts

@@ -30,18 +30,18 @@ const lightenedPrimaryColor = "#00629E";
  * Android - 'versionName'
  * iOS     - 'CFBundleShortVersionString'
  */
-const versionName = "0.3.0";
+const versionName = "0.4.0";
 /**
  * Android build code (must increment with each submitted build)
  */
-const androidVersionCode = 4;
+const androidVersionCode = 5;
 /**
  * iOS semantic build code (increment with each submitted build)
  *
  * NOTE: Different from Android version code in that it may be reset
  *         with each version change; however, this is deemed confusing!
  */
-const iosBuildNumber = 4;
+const iosBuildNumber = 5;
 
 /**
  * Runtime version associated with build manifest, used when applying OTA updates.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "my-days",
   "description": "Simple mobile app to track time to/from an important date.",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "main": "index.js",
   "keywords": [
     "app",

src/components/days/DayListItem.tsx

@@ -185,6 +185,8 @@ const styles = StyleSheet.create({
   },
   dayStatsCount: {
     fontWeight: "700",
+    // NOTE: Important with 'adjustFontSizeToFit' on iOS!
+    lineHeight: undefined,
   },
   dayStatsIcon: {
     fontSize: iconFontSize,

src/screens/DayForm/DayFormScreen.tsx

@@ -12,7 +12,7 @@ import * as yup from "yup";
 import { type BottomSheetRef, IconSelectSheet } from "@components/dialogs";
 import { Checkbox, DateTimeInput, TextInput } from "@components/form";
 import { DayIcon } from "@components/icons";
-import { AppBar, Page, Stack } from "@components/layout";
+import { AppBar, Page, Spacer, Stack } from "@components/layout";
 import { useAppTheme, useDayActions, useMounted } from "@hooks";
 import { type MaterialCommunityIcons } from "@typings/app.types";
 import { type DayUnit } from "@typings/day.types";
@@ -190,13 +190,9 @@ const DayFormScreen = () => {
             <Button mode="text" onPress={onIconSelectOpen}>
               {iconValue ? t("screens:dayForm.dayIconChange") : t("screens:dayForm.dayIconAdd")}
             </Button>
-            {!!iconValue && (
-              <IconButton
-                icon="close"
-                style={{ margin: 0, marginLeft: "auto" }}
-                onPress={onIconClear}
-              />
-            )}
+            {/* NOTE: Need to use 'Spacer' component as 'auto margin' does not work on iOS? */}
+            <Spacer />
+            {!!iconValue && <IconButton icon="close" style={{ margin: 0 }} onPress={onIconClear} />}
           </Stack>
           <TextInput
             autoCapitalize="words"

src/screens/Home/HomeScreen.tsx

@@ -255,9 +255,9 @@ const styles = StyleSheet.create({
   },
   pageHeaderShape: {
     position: "absolute",
-    bottom: -headerShapeRadius,
-    height: headerShapeRadius,
-    width: headerShapeRadius,
+    bottom: -headerShapeRadius * 2,
+    height: headerShapeRadius * 2,
+    width: headerShapeRadius * 2,
   },
   pageHeaderShapeOverlay: {
     ...StyleSheet.absoluteFillObject,