Merge branch 'main' into setup/backend

Author: benjaspet

.github/workflows/frontend.yml

@@ -4,8 +4,6 @@ on:
   push:
     branches:
       - "**"
-    paths:
-      - "frontend/**"
 
 jobs:
   format:

CONTRIBUTING.md

@@ -1,13 +1,18 @@
 ### Contributing
+
 **Before making a commit, make sure the lint, test, and format checks pass.**
+
 1. Create a pull request and fill out the provided template. Ensure all fields are filled and that **the title is detailed**.
 2. In order for a PR to be merged, it requires at least one approval from a technical lead, as well as a fully passing CI/CD pipeline. This is to ensure the commit tree in our main branch is clean and well-tested. To help with this, all pull requests will be squashed and merged.
 3. In the case your PR is not initially approved, a technical lead will leave suggestions to improve. Once you have incorporated said improvements, feel free to re-request a review or message one of your TLs on Slack for another review.
+
 ### Best Practices
+
 - We use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for our commit messages for uniformity and clarity.
 - Make sure to write tests for the most complex parts of your code.
 - For manual API testing, include screenshots from Postman.
 - Go uses **TitleCase** and React Native uses **camelCase** for naming conventions.
+
 ### If you have time...
 - *Want to go that extra level?* — Consider checking out [act](https://github.com/nektos/act).
 - If you're *real interested* in industry-level commit practices, consider [GPG/PGP signing](https://docs.github.com/en/authentication/managing-commit-signature-verification/signing-commits) your commits.

docs/frontend.md

@@ -1,30 +1,38 @@
 ### Frontend Setup
+
 **Please set up the backend before proceeding.**
+
 ### Configure Environment Variables
 ```shell
 # Make an .env file in the frontend directory using the template in .env.example.
 cd frontend && cp ../.env.example .env
+
 # Configure your environment variables in your IDE or using a command line text editor.
 vim .env 
 ```
+
 ### Enter the Development Environment
 ```shell
 # Enter the development environment in the root directory.
 cd ../ && nix develop --impure
 ```
+
 ### Install Frontend Dependencies
 ```shell
 # Use bun to install frontend dependencies.
 cd frontend && bun install
 ```
+
 ### Ensure the backend is running
 ```shell
 # Create *another terminal window* and run the following:
 backend-run
 ```
+
 ### Run the frontend
 ```shell
 frontend run
 ```
+
 Finally, you can scan the QR code with the Expo Go app installed to view a development build with hot reloading.
 You can also use iOS/Android simulators to simulate & test the app on your computer.

frontend/.gitignore

@@ -39,4 +39,4 @@ yarn-error.*
 ../.idea/
 
 # environment variables
-.env
+.env

frontend/components/ExternalLink.tsx

@@ -22,13 +22,14 @@ export function ExternalLink({ href, ...rest }: Props) {
             href={href}
             onPress={async (event) => {
                 if (Platform.OS !== "web") {
-                    // Prevent the default behavior of linking to the default browser on native.
+
                     event.preventDefault();
-                    // Open the link in an in-app browser.
+
                     if (!isValidUrl(href)) {
                         Alert.alert("Invalid URL", "An invalid URL was provided.");
                         return;
                     }
+                    
                     await openBrowserAsync(href);
                 }
             }}