fix(mobile): margin for "Lists" tab content (#927)

* fix: left margin for list items

* refactor: move type into func definition

* fix: missing return type

Co-authored-by: Joseph Chambers <5374985+imcodingideas@users.noreply.github.com>

* style: remove trailing space

---------

Co-authored-by: Joseph Chambers <5374985+imcodingideas@users.noreply.github.com>

1 files changed, 37 insertions, 0 deletions

diff --git a/apps/mobile/lib/utils.ts b/apps/mobile/lib/utils.ts
index 88283f01..bfb6c9ed 100644
--- a/apps/mobile/lib/utils.ts
+++ b/apps/mobile/lib/utils.ts
@@ -5,3 +5,40 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+/**
+ * Merge props conditionally.
+ *
+ * @example
+ * ```
+ * <View {...condProps(
+ *     { condition: true, props: { className: "foo" } },
+ *     { condition: true, props: { style: { margin: "10px" } } },
+ * )} />
+ * ```
+ * results in:
+ * ```
+ * <View className="foo" style={ margin: "10px" } />
+ * ```
+ * @example
+ * ```
+ * <View style={condProps(
+ *     { condition: true, color: "red" },
+ *     { condition: true, fontWeight: "bold" }
+ * )} />
+ * ```
+ * results in:
+ * ```
+ * <View style={ color: "red", fontWeight: "bold" } />
+ * ```
+ */
+export function condProps(
+  ...condProps: {
+    condition: boolean;
+    props: Record<string, unknown>;
+  }[]
+): Record<string, unknown> {
+  return condProps.reduce((acc, { condition, props }) => {
+    return condition ? { ...acc, ...props } : acc;
+  }, {});
+}