updates

Author: leighajarett

docs/concepts/state-management.md

@@ -0,0 +1,33 @@
+---
+title: State Management
+description: An overview of state management in FlutterFlow
+---
+
+State management is a crucial concept focused on maintaining and controlling the *state* of an application. Simply put, it involves monitoring the changes within your app and updating the user interface to reflect these changes. 
+
+You can think of the UI as a function of your state variables, where changes in these variables directly influence what the UI displays.
+
+In FlutterFlow, there are a few types of state variables that you can create:
+
+
+![App State is shared across multiple pages in the application. Component State is specific to a component. Page State is shared across widgets on the page.](<state_management_overview.png>)
+
+
+- State variables are themselves variables - meaning they have a *name* and a *data type*. 
+- They also have an initial value that is set when you create the variable. 
+- Once you create a state variable, it's value can be used to change the configuration of widget properties - like any other variable. 
+- You can update the value of state variables using the *Update State Variable* action.
+
+You can learn more about state management from this video:
+<div class="video-container"><iframe src="https://www.youtube.com/watch?v=jD6L4xjYjJA" title="YouTube video player"  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+
+
+
+<!-- TO DO: link to variables section + action secton -->
+
+<!-- TO DO: add link to app, page and component state variable sections -- and also link to something about widget state in built in widget section -->
+
+
+
+
+

docs/concepts/state_management_overview.png

@@ -9,7 +9,7 @@ toc_max_heading_level: 5
 Push notifications play a vital role in mobile apps, letting you connect with your audience and update them on key developments. But, there are instances when push notifications fail to deliver. In this guide, we'll explore some typical problems that hinder push notifications in FlutterFlow and offer detailed instructions on how to fix them.
 
 
-![push-notifications-ff.png](push-notification-assets%2Fpush-notifications-ff.png)
+<img src="./push-notification-assets/push-notifications-ff.png" alt="Firebase Console"  />
 
 :::tip Using CodeMagic? [Skip ahead!](https://mdxjs.com/playground/)
 
@@ -20,7 +20,7 @@ Push notifications play a vital role in mobile apps, letting you connect with yo
 #### 1. Ensure your subscription status hasn't changed.
 Head to the [Firebase Console](https://console.firebase.google.com/) and select Project Settings > Usage & Billing > Details & Settings. 
 
-![firebase-console.png](push-notification-assets%2Ffirebase-console.png)
+<img src="./push-notification-assets/firebase-console.png" alt="Firebase Console"  />
 
 If you see Spark listed, you will need to select Modify Plan and upgrade to a Blaze Plan. 
 

docs/troubleshooting/push-notifications.md

@@ -2,42 +2,23 @@ import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
 
 
 const sidebars: SidebarsConfig = {
-    troubleshootingSidebar: [{type: 'autogenerated', dirName: 'troubleshooting'}], // Adjust `dirName` as needed
-    changelogSidebar: [{type: 'autogenerated', dirName: 'changelog'}], // Adjust `dirName` as needed
-    docsSidebar: [
-        {
-            type: 'category',
-            label: 'Getting Started',
-            collapsed: false,
-            items: ['index', {
-                type: 'category', label: "Before You Begin", items: [
-                    'intro/before-you-begin/setting-up-flutterflow', 'intro/before-you-begin/app-architecture', 'intro/quickstart'
-                ]
-            }],
-        },
-        {
-            type: 'category',
-            label: 'Resources',
-            collapsed: false,
-            items: [
-                {
-                    type: 'autogenerated',
-                    dirName: 'resources'
-                }
-            ],
-        },
-        {
-            type: 'category',
-            label: 'Building Concepts',
-            collapsed: false,
-            items: [
-                {
-                    type: 'autogenerated',
-                    dirName: 'ff-concepts'
-                }
-            ],
-        }
-    ]
+  troubleshootingSidebar: [{type: 'autogenerated', dirName: 'troubleshooting'}], // Adjust `dirName` as needed
+  changelogSidebar: [{type: 'autogenerated', dirName: 'changelog'}], // Adjust `dirName` as needed
+  docsSidebar : [
+    {
+      type: 'category',
+      label: 'Getting Started',
+      collapsed: false,
+      items: ['index', {type: 'category', label: "Before You Begin", items: [
+        'intro/before-you-begin/setting-up-flutterflow', 'intro/before-you-begin/app-architecture'
+    ]}]},
+    {
+      type: 'category',
+      label: 'Concepts',
+      collapsed: false,
+      items: ['concepts/state-management']
+    }
+  ]
 };
 
 export default sidebars;