[APP-1759] Live Now Open Beta (#9699)

* Add report dialog to LiveStatus dialog * Mr Worldwide™ * Bug fix bug fix * Copy update * Simplify parsing * Bump api sdk * update dev-env * Update yarn.lock * Bump api sdk * Refactor useActorStatus, add disablement and appeal dialog * Fix types * Guard against chat profile views * Go live (disabled) * Fix types * Update config and gates * Add allowed services * Merge conflicts * Fix gradient handling for nudge * Only show nudge on your own profile * Fix live avi overflow breakage * Add TODO * Feedback * Update nux image --------- Co-authored-by: Samuel Newman <mozzius@protonmail.com>
2026-01-14 16:57:21 -06:00
parent 5922c6622f
commit 2223babc2b
19 changed files with 456 additions and 107 deletions
@@ -0,0 +1,31 @@
+import {View, type ViewStyle} from 'react-native'
+
+import {atoms as a, useTheme} from '#/alf'
+
+/**
+ * The little blue dot used to nudge a user towards a certain feature. The dot
+ * is absolutely positioned, and is intended to be configured by passing in
+ * positional styles via `top`, `bottom`, `left`, and `right` props.
+ */
+export function Dot({
+  top,
+  bottom,
+  left,
+  right,
+}: Pick<ViewStyle, 'top' | 'bottom' | 'left' | 'right'>) {
+  const t = useTheme()
+  return (
+    <View style={[a.absolute, {top, bottom, left, right}]}>
+      <View
+        style={[
+          a.rounded_full,
+          {
+            height: 8,
+            width: 8,
+            backgroundColor: t.palette.primary_500,
+          },
+        ]}
+      />
+    </View>
+  )
+}
@@ -0,0 +1,24 @@
+import {LinearGradient} from 'expo-linear-gradient'
+
+import {atoms as a, useTheme, utils, type ViewStyleProp} from '#/alf'
+
+/**
+ * A gradient overlay using the primary color at low opacity. This component is
+ * absolutely positioned and intended to be composed within other components,
+ * with optional styling allowed, such as adjusting border radius.
+ */
+export function Gradient({style}: ViewStyleProp) {
+  const t = useTheme()
+  return (
+    <LinearGradient
+      colors={[
+        utils.alpha(t.palette.primary_500, 0.2),
+        utils.alpha(t.palette.primary_500, 0.1),
+      ]}
+      locations={[0, 1]}
+      start={{x: 0, y: 0}}
+      end={{x: 1, y: 0}}
+      style={[a.absolute, a.inset_0, style]}
+    />
+  )
+}