diff --git a/docs/ff-integrations/database/supabase/database-actions.md b/docs/ff-integrations/database/supabase/database-actions.md index 3b4975bd..d0f0d15a 100644 --- a/docs/ff-integrations/database/supabase/database-actions.md +++ b/docs/ff-integrations/database/supabase/database-actions.md @@ -10,7 +10,10 @@ toc_max_heading_level: 5 # Supabase Database Actions -The Supabase Database Actions allow you to **Insert, Update**, or **Delete a Row** from a Supabase table. +The Supabase Database Actions allow you to **Insert, Update**, or **Delete a Row** from a Supabase table. + +Note that beyond actions, you can also setup [**Backend Queries**](../../../resources/control-flow/backend-logic/backend-query/backend-query.md) for Supabase. This includes realtime streaming queries. + :::note[Prerequisites] Before getting started with this section, ensure you have, diff --git a/docs/resources/control-flow/backend-logic/backend-query/backend-query.md b/docs/resources/control-flow/backend-logic/backend-query/backend-query.md index 0f53413e..dcb57fc5 100644 --- a/docs/resources/control-flow/backend-logic/backend-query/backend-query.md +++ b/docs/resources/control-flow/backend-logic/backend-query/backend-query.md @@ -17,8 +17,7 @@ import TabItem from '@theme/TabItem'; We offer you the following types of Backend Queries that you can specify on any widget or page. -* [**Query Collection**](query-collection.md)**:** This query type is used to fetch a single record or a list of - records from a Firestore Collection. +* [**Query Collection or Table**](query-collection.md)**:** This query type is used to fetch a single record or a list of records from a Firestore Collection or Supabase Table. * [**Document from Reference**](document-from-reference.md)**:** Used to retrieve the details from a document reference. * [**API Call Query**](api-call-query.md)**:** Used to initiate an API call. diff --git a/docs/resources/control-flow/backend-logic/backend-query/query-collection.md b/docs/resources/control-flow/backend-logic/backend-query/query-collection.md index f0e1266c..1c8d1285 100644 --- a/docs/resources/control-flow/backend-logic/backend-query/query-collection.md +++ b/docs/resources/control-flow/backend-logic/backend-query/query-collection.md @@ -6,6 +6,9 @@ tags: [Query Collection, Backend Query, Backend Logic, Control Flow, FlutterFlow sidebar_position: 2 keywords: [Query Collection, Backend Query, Backend Logic, Control Flow, FlutterFlow] --- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + # Query Collection / Table Quering Firestore Collection or Supabase Table helps you to retrieve a record (or a list of records) automatically whenever a @@ -38,9 +41,14 @@ backend query: 8. You can also set the **order** in which the documents should be returned, click **+ Order By** button. Select a **Field Name** to be used for ordering, and choose the **Order** to be either `Increasing` or `Decreasing`. -9. Click **Save**. -10. If the selected query returns a list of documents and if it's applied to any flexible widget (like `Column`, `Row`, or `ListView`) then FlutterFlow will generate the children widgets - dynamically. A dialog will be displayed with a similar message, click **Ok**. +9. Below are some optional settings that you can configure based on your requirements: + - **Single Time Query**: When this is disabled, the query results will automatically refresh whenever documents or rows are created, updated, or deleted. However, for **Supabase**, this option is enabled by default, meaning the query will run only once. To enable real-time updates, you must turn it off. + - **Ignore Empty Filter Values**: Disabled by default, meaning the query will attempt to find documents with empty text fields if any filter value is empty. When enabled, the query will ignore fields with empty filter values instead. + - **Filter on Null Values**: By default, if any filter value is null, the query will ignore that filter. Enabling this option will include null filters in the query. + - **Enable Infinite Scroll**: To implement infinite scrolling, enable this option and follow the instructions here. +10. Click **Confirm**. +11. If the selected query returns a list of documents and if it's applied to any flexible widget (like `Column`, `Row`, or `ListView`) then FlutterFlow will generate the children widgets + dynamically. A dialog will be displayed with a similar message, click **Confirm**. :::info The instructions to query a Supabase table are almost the same, except that for **Query Type**, you should select **Supabase Query**. @@ -53,7 +61,7 @@ The instructions to query a Supabase table are almost the same, except that for width: '100%' }}> + +

+ + +
-
\ No newline at end of file + +

+ + + +## FAQs +
+Why aren't real-time updates working for my table in Supabase project? +

+First, ensure that the **Single Time Query** option is disabled in the query where you've added it. Then, verify that the real-time feature is enabled for your table in Supabase project. You can find this option in the top-right corner of the table viewer. + +![enable-realtime-updates-sb-table.avif](../imgs/enable-realtime-updates-sb-table.avif) + +Additionally, you can enable real-time updates when creating a new table. + +![enable-realtime-updates-sb-table.avif](../imgs/enable-realtime-updates-sb-table-2.avif) +

+
\ No newline at end of file diff --git a/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table-2.avif b/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table-2.avif new file mode 100644 index 00000000..ca377825 Binary files /dev/null and b/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table-2.avif differ diff --git a/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table.avif b/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table.avif new file mode 100644 index 00000000..5fdea315 Binary files /dev/null and b/docs/resources/control-flow/backend-logic/imgs/enable-realtime-updates-sb-table.avif differ