Merge branch 'main' into fix/faq-merge-info

Author: pinkeshmars

docs/ff-concepts/adding-customization/custom-code.md

@@ -14,7 +14,7 @@ While FlutterFlow provides a wide range of pre-built components and functionalit
 times when you need to extend your app with custom logic or UI components that are not available out of the box.
 This is where writing custom code comes into play. 
 
-There are a few different ways to make custom code accessible in FlutterFLow:
+There are a few different ways to make custom code accessible in FlutterFlow:
 
 * **[Custom Functions](custom-functions.md):** Custom Dart functions that can be used to set Widget or Action properties. 
 * **[Custom Actions](custom-actions.md):** Custom Dart functions that can be triggered by [Action Triggers](https://docs.flutterflow.io/resources/functions/action-triggers/) or used as nodes in an [Action Flow](https://docs.flutterflow.io/resources/functions/action-flow-editor#action-flow-editor). These are usually `async` functions and are able to import [custom package dependencies](#adding-a-pubspec-dependency).
@@ -522,4 +522,4 @@ If any project errors related to packages arise, they will be displayed in both
         allow="clipboard-write">
     </iframe>
 </div>
-<p></p>
+<p></p>

docs/ff-concepts/design-system/design-system.md

@@ -836,7 +836,7 @@ If you prefer watching a video tutorial, here is the guide for you:
 
 Creating a theme for widgets ensures that your app looks consistent and has a cohesive design. The Theme widgets can be reused, making it easy to update the styles of your app. If you decide to change any property of the widget, such as color scheme or fonts, you can update the theme widget instead of going through every widget individually. This can save a lot of time and effort, especially in larger projects.
 
-For example, creating theme widgets for different types of buttons such as 'primary_button', 'secondary_button', and 'tertairy_button' with specific attributes like width, color, icon, border radius, and padding. Then, these widgets can be directly added to a page or applied to an existing widget.
+For example, creating theme widgets for different types of buttons such as 'primary_button', 'secondary_button', and 'tertiary_button' with specific attributes like width, color, icon, border radius, and padding. Then, these widgets can be directly added to a page or applied to an existing widget.
 
 ### Adding theme widgets
 

docs/generated-code/ff-app-state.md

@@ -34,15 +34,14 @@ class FFAppState extends ChangeNotifier {
     notifyListeners();
   }
 
-   // App State variable of primitive type with a getter and setter
-    bool _enableDarkMode = false;
+  // App State variable of primitive type with a getter and setter
+  bool _enableDarkMode = false;
 
-    bool get enableDarkMode => _enableDarkMode;
+  bool get enableDarkMode => _enableDarkMode;
 
-    set enableDarkMode(bool value) {
+  set enableDarkMode(bool value) {
     _enableDarkMode = value;
-   }
-
+  }
 }
 ```
 
@@ -52,7 +51,7 @@ The `_enableDarkMode` is an App State variable created by developer that creates
 When updating an `AppState` variable from the Action Flow Editor, you will be presented with several **[update type](../resources/data-representation/app-state.md#update-type)** options such as **Rebuild All Pages**, **Rebuild Current Page**, and **No Rebuild** in the Action Settings. Let's see how the generated code changes when these options are selected.
 
 ### Rebuild Current Page
-When a developer chooses to update App State with the update type set to **Rebuild Current Page**, the corresponding `setter` is called. Immediately after, `setState((){});` is invoked, which updates only the current page. 
+When a developer chooses to update App State with the update type set to **Rebuild Current Page**, the corresponding `setter` is called. Immediately after, `setState(() {});` is invoked, which updates only the current page. 
 
 Here's an example of the generated code when we update the App State `enableDarkMode` in the `onInitialization` action trigger of the `ProductListPage`.
 
@@ -90,7 +89,7 @@ Only the setter is called with no setState or update method invoked afterward. T
 When you add an [**Update App State**](../resources/data-representation/app-state.md#update-app-state-action) action via the Action Flow Editor, the corresponding pages will include this line within the build method:
 
 ```js
- @override
+@override
 Widget build(BuildContext context) {
     context.watch<FFAppState>();
     ...
@@ -155,4 +154,4 @@ These functions are automatically generated to provide a convenient and consiste
 
 :::info[How to create App State variables]
 To learn more about creating and using App State variables in FlutterFlow's UI, check out the[ **App State**](../resources/data-representation/app-state.md) guide.
-:::
+:::