feat(components): ActionButton stopAlert + typography type fixes

2026-06-16 01:50:26 -03:00
1 parent 2c51fd2623
commit bbe2919c2c
@@ -1,97 +1,84 @@
-This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+# FightRateRN

-# Getting Started
+React Native Community CLI rebuild of FightRate. This app is **bare React Native only** and does not use Expo.

-> **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.
+## Visual source of truth

-## Step 1: Start Metro
+The app follows the selected FightRate direction:

-First, you will need to run **Metro**, the JavaScript build tool for React Native.
+- `../FIGHTRATE_DESIGN_SYSTEM.md`
+- Direction: `01 — Corner Instrument`

-To start the Metro dev server, run the following command from the root of your React Native project:
+Do not reuse the deprecated Combat Lab/card-heavy direction.

-```sh
-# Using npm
-npm start
+## Current slice

-# OR using Yarn
-yarn start
+Implemented in this first slice:
+
+- Corner Instrument app shell.
+- Continuous capture-first home screen.
+- History, Sensor, and Insights screens.
+- Centralized design tokens in `src/theme`.
+- Reusable UI components in `src/components`.
+- No Expo dependencies.
+- Android `applicationId` aligned to `com.healthtracking.fightrate`.
+
+Not implemented yet:
+
+- Real BLE Magene H003 integration.
+- SQLite/local persistence.
+- Real timestamped workout chart data.
+- Navigation library.
+
+## Commands
+
+```bash
+npm install
+npm run typecheck
+npm run lint
+npm test -- --runInBand
 ```

-## Step 2: Build and run your app
+Run Metro:

-With Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:
+```bash
+npm run start
+```

-### Android
+Run Android on a device/emulator:

-```sh
-# Using npm
+```bash
 npm run android
-
-# OR using Yarn
-yarn android
 ```

-### iOS
+Build Android debug APK:

-For iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).
-
-The first time you create a new project, run the Ruby bundler to install CocoaPods itself:
-
-```sh
-bundle install
+```bash
+cd android
+./gradlew assembleDebug
 ```

-Then, and every time you update your native dependencies, run:
+If Gradle reports `No Java compiler found`, point `JAVA_HOME` to Android Studio JBR:

-```sh
-bundle exec pod install
+```bash
+export JAVA_HOME="/c/Users/Evandro/AppData/Local/Programs/Android Studio/jbr"
+export PATH="$JAVA_HOME/bin:$PATH"
+cd android
+./gradlew assembleDebug
 ```

-For more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).
+If React Native autolinking keeps a stale package after renaming Android package paths,
+clean generated Gradle caches before rebuilding:

-```sh
-# Using npm
-npm run ios
-
-# OR using Yarn
-yarn ios
+```bash
+cd ..
+rm -rf android/.gradle android/app/build android/build .gradle
+cd android
+./gradlew assembleDebug
 ```

-If everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.
+Debug APK output:

-This is one way to run your app — you can also build it directly from Android Studio or Xcode.
-
-## Step 3: Modify your app
-
-Now that you have successfully run the app, let's make changes!
-
-Open `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).
-
-When you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:
-
- **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Dev Menu**, accessed via <kbd>Ctrl</kbd> + <kbd>M</kbd> (Windows/Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (macOS).
- **iOS**: Press <kbd>R</kbd> in iOS Simulator.
-
-## Congratulations! :tada:
-
-You've successfully run and modified your React Native App. :partying_face:
-
-### Now what?
-
- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).
-
-# Troubleshooting
-
-If you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
-
-# Learn More
-
-To learn more about React Native, take a look at the following resources:
-
- [React Native Website](https://reactnative.dev) - learn more about React Native.
- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
+```text
+android/app/build/outputs/apk/debug/app-debug.apk
+```