From a050f9be2cddb6053c23704ef51ae015788090c5 Mon Sep 17 00:00:00 2001 From: Copple Date: Wed, 8 Jan 2020 12:51:46 +0800 Subject: [PATCH] Removing all the unneccessary items from our docs. We might need it later on. But we don't for now... --- web/docs/common/CommonResponses.mdx | 12 + web/docs/library/filters.mdx | 472 ------------------------- web/docs/library/get.mdx | 498 +++++++++++++++++++++++---- web/docs/library/getting-started.mdx | 2 +- web/docs/library/options.mdx | 146 -------- web/docs/library/responses.mdx | 16 - web/docs/library/subscribe.mdx | 57 ++- web/sidebars.js | 5 +- web/src/components/Collapsable.js | 11 +- web/src/css/custom.css | 7 +- web/static/supabase-logo.svg | 16 +- 11 files changed, 524 insertions(+), 718 deletions(-) create mode 100644 web/docs/common/CommonResponses.mdx delete mode 100644 web/docs/library/filters.mdx delete mode 100644 web/docs/library/options.mdx delete mode 100644 web/docs/library/responses.mdx diff --git a/web/docs/common/CommonResponses.mdx b/web/docs/common/CommonResponses.mdx new file mode 100644 index 00000000000..c11da6f5e34 --- /dev/null +++ b/web/docs/common/CommonResponses.mdx @@ -0,0 +1,12 @@ + +#### 400 Bad request +An invalid syntax or configuration was sent. + +#### 401 Unauthorized +Invalid credentials were provided. + +#### 404 Not found +Requested resource cannot be found. + +#### 500 Internal Server Error +The server was unable to encounter the situation it encountered. diff --git a/web/docs/library/filters.mdx b/web/docs/library/filters.mdx deleted file mode 100644 index c4125e33701..00000000000 --- a/web/docs/library/filters.mdx +++ /dev/null @@ -1,472 +0,0 @@ ---- -id: filters -title: 'Query Filters' ---- - -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; - -We will be using this table as reference for our examples: -```json -{ - "companies":[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 }, - { "name": "See Food App", "employeeCount": null } - ] -} -``` -## Order -```js -order(columnName, ascending=false, nullsFirst=false) -``` - -Returns an ordered array of rows based on stated preferences. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the order on. - -#### ascending -`optional` boolean -Determines whether the order will be ascending or descending. Default value will be **false**. - -#### nullsFirst -`optional` boolean -Determines whether null values will be displayed first or not. Default value will be **false**. - -### Example -```js -supabase.get("companies").order("employeeCount", true, true) -``` -The following will be returned with status code `200 OK`: -```json -[ - { "name": "See Food App", "employeeCount": null }, - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Yao Net", "employeeCount": 100 }, - { "name": "Hooli", "employeeCount": 1000 } -] -``` - ---- - -## Range -```js -range(from, to?) -``` - -Returns an array of rows based on specified range and position of rows with regards to the table. - -### Method arguments -#### from -`required` integer -Index or position of the start of the specified range. - - -#### to -`optional` integer -Index or position of the end of the specified range. If not stated, all remaining rows after the starting index will be returned. - -### Example -#### With both `from` and `to` specified -```js -supabase.get("companies").range(0,2) -``` -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 } -] - -``` - -#### With `from` only specified -```js -supabase.get("companies").range(1) -``` -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Yao Net", "employeeCount": 100 }, - { "name": "See Food App", "employeeCount": null } -] - -``` - ---- - -## Single -```js -single() -``` -Returns the first row of the table as an object and **not** as an array. - -### Example -```js -supabase.get("companies").single() -``` -The following will be returned with status code `200 OK`: -```json -{ "name": "Pied Piper", "employeeCount": 10 } -``` ---- - -## Match -```js -match(filterObject) -``` - -Returns an array of rows that exactly match the specified filterObject. - -### Method arguments -#### filterObject -`required` object -Object contains column names and the desired values. - -### Example -#### Generic -```js -supabase.get("companies").match({ "name": "Pied Piper", "employeeCount": 10 }) -``` -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 } -] -``` - -#### No matches -```js -supabase.get("companies").match({ "name": "Pied Piper", "employeeCount": 50 }) -``` -The following will be returned with status code `200 OK`: -```json -[] -``` - ---- - -# Advanced Filtering - -## Equals -```js -eq(columnName, filterValue) -``` -Returns an array of rows whose value on the stated columnName exactly matches the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the match on. - -#### filterValue -`required` -Value to match. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").eq("name", "Hooli") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Hooli", "employeeCount": 1000 } -] -``` - ---- - -## Greater Than -```js -gt(columnName, filterValue) -``` - -Returns an array of rows whose value on the stated columName is greater than the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the comparison on. - -#### filterValue -`required` -Value to compare to. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").gt("employeeCount", 10) -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 } -] -``` - ---- - -## Less Than -```js -lt(columnName, filterValue) -``` - -Returns an array of rows whose value on the stated columnName is less than the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the comparison on. - -#### filterValue -`required` -Value to compare to. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").lt("employeeCount", "1000") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Yao Net", "employeeCount": 100 } -] -``` - ---- - -## Greater Than or Equal -```js -gte(columnName, filterValue) -``` - -Returns an array of rows whose value on the stated columName is greater than or equal to the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the comparison on. - -#### filterValue -`required` -Value to compare to. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").gte("employeeCount", 10) -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 } -] -``` - ---- - -## Less Than or Equal -```js -lte(columnName, filterValue) -``` - -Returns an array of rows whose value on the stated columnName is less than or equal to the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the comparison on. - -#### filterValue -`required` -Value to compare to. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").lte("employeeCount", "1000") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 } -] -``` - ---- - -## Like -```js -like(columnName, stringPattern) -``` - -Returns an array of rows whose value in the stated columnName matches the supplied pattern. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the comparison on. - -#### stringPattern -`required` string -String pattern to compare to. A comprehensive guide on how to form proper patterns can be found [here](https://www.postgresql.org/docs/current/functions-matching.html). - -### Example -```js -supabase.get("companies").like("name", "%ao%") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Yao Net", "employeeCount": 100 } -] -``` - ---- - -## Ilike -```js -ilike(columnName, filterValue) -``` - -A case-insensitive version of [like(columnName, filterValue)](../library/filters#like). - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the match on. - -#### stringPattern -`required` string -String pattern to compare to. A comprehensive guide on how to form patterns can be found [here](https://www.postgresql.org/docs/current/functions-matching.html). - -### Example -#### Using like -```js -supabase.get("companies").like("name", "_pi%") -``` - -The following will be returned with status code `200 OK`: -```json -[] -``` - -#### Using ilike -```js -supabase.get("companies").ilike("name", "_pi%") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10} -] -``` - ---- - -## Is -```js -is(columnName, filterValue) -``` - -A check for exact equality (**null**, **true**, **false**), returns an array of rows whose value on the stated columnName exactly match the specified filterValue. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the match on. - -#### filterValue -`required` boolean **OR** null -Value to match. - -### Example -```js -supabase.get("companies").is("employeeCount", null) -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "See Food App", "employeeCount": null } -] -``` - ---- - -## In -```js -in(columnName, filterArray) -``` - -Returns an array of rows whose value on the stated columnName is found on the specified filterArray. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the match on. - -#### filterArray -`required` array -Array of values to find a match. Data type of values is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").in("name", ["Hooli", "Pied Piper", "Google"]) -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 } -] -``` - ---- - -## Not -```js -not(columnName, filterValue) -``` - -Returns of array of rows whose value on the stated columnName is **not** equal to the specified value. - -### Method arguments -#### columnName -`required` string -Name of chosen column to base the match on. - -#### filterValue -`required` -Value to **not** match. Data type is dependent on the columnName specified. - -### Example -```js -supabase.get("companies").not("name", "See Food App") -``` - -The following will be returned with status code `200 OK`: -```json -[ - { "name": "Pied Piper", "employeeCount": 10 }, - { "name": "Hooli", "employeeCount": 1000 }, - { "name": "Yao Net", "employeeCount": 100 } -] -``` - diff --git a/web/docs/library/get.mdx b/web/docs/library/get.mdx index 551f3edf31d..fa32d325305 100644 --- a/web/docs/library/get.mdx +++ b/web/docs/library/get.mdx @@ -6,6 +6,8 @@ title: 'Reading your data' import Tabs from '@theme/Tabs' import TabItem from '@theme/TabItem' import DummyData from '../common/DummyData.mdx' +import CommonResponses from '../common/CommonResponses.mdx' +import Collapsable from '../../src/components/Collapsable' We will be using these tables as reference for our examples: @@ -32,6 +34,10 @@ const getCities = async () => { } ``` +
+Show response +
+ Calling `getCities()` will return the following response: ```json @@ -45,6 +51,9 @@ Calling `getCities()` will return the following response: ] ``` +
+
+ ### Getting specific columns Get all cities but only return the name. @@ -67,6 +76,10 @@ const getCities = async () => { } ``` +
+Show response +
+ Calling `getCities()` will return the following response: ```json @@ -80,6 +93,9 @@ Calling `getCities()` will return the following response: ] ``` +
+
+ ### Query foreign tables Get all users and return all information about them and the companies they belong to. @@ -109,8 +125,8 @@ const getCountries = async () => {
- Show response -
+Show response +
Calling `getCountries()` will return the following response: @@ -155,88 +171,448 @@ Calling `getCountries()` will return the following response: ] ``` -
+
+## Reference ---- ---- - ---- - --- - -```js -supabase.get(tableName, options?) +### `get()` + +```js {2} +supabase + .get(tableName) ``` -Given the `options?` set (if any), this **asynchronously** gets all rows from the specified `tableName` in your database. - -## Method arguments - -### tableName - -`required` string +##### tableName `:string` Name of table in the database that will be read from. -### options -`optional` object -All available options and examples it their usage can be found [here](../library/options). +---- -## Additional filtering +### `select()` -### Select - -```js -select(columnQuery) + +```js {3} +supabase + .get(tableName) + .select(columnNames) ``` -Returns an array of rows with only columns specified in `columnQuery`. - -#### Method arguments - -##### columnQuery - -`required` array +##### columnName `:string` +Select only the specified columns. For example `select('id, name')`. Similar to a GraphQL, if a foreign key constraint exists between this table +and another, information from the other table can be requested as well. For example: + ```js -// From the 'users' table -;` - Id, - fullName, - companyId -` -``` - -String containing column names that are found in the table. The pattern/ syntax would be as shown above. -If a foreign key constraint exists between this table and another, information from -the other table can be requested as well. The pattern/ syntax is shown below: - -```js -// From the 'users' table -;` - fullName, - companies { +supabase + .get('countries') + .select(` name, - employeeCount - } -` + cities { + name, + population + } + `) ``` -Instead of stating the column name with the foreign key constraint, the name of the other table is mentioned instead -along with the desired column names from that table. -##### Example +---- + +### `order()` + + +```js {3} +supabase + .get(tableName) + .order(columnName, sortAscending, nullsFirst) +``` + +Orders your data before fetching. + +##### columnName `:string` +Name of chosen column to base the order on. + +##### sortAscending `:boolean? | Default is false` +Specifies whether the order will be ascending or descending. + +##### nullsFirst `:boolean? | Default is false` +Specifies whether null values will be displayed first. + +---- + +### `range()` + + +```js {3} +supabase + .get(tableName) + .range(fromIndex, toIndex) +``` + +Paginates your request. + +##### fromIndex `:integer` +Index or position of the start of the specified range. + +##### toIndex `:integer?` +Index or position of the end of the specified range. If not stated, all remaining rows after the starting index will be returned. + +---- + +### `single()` + + +```js {3} +supabase + .get(tableName) + .single() +``` + +Returns the first row of the table as an object and **not** as an array. + +---- + +### `match()` + + +```js {3} +supabase + .get(tableName) + .match(filterObject) +``` + +Returns an array of rows that exactly match the specified filterObject. + + + + +```js +supabase + .get('countries') + .match({ 'continent': 'Asia'}) +``` + + + + +##### filterObject `:object` +An object of `{ 'columnName': 'criteria' }` + +---- + +### `eq()` + + +```js {3} +supabase + .get(tableName) + .eq(columnName, filterValue) +``` + +"Equals": Returns an array of rows whose value on the stated columnName exactly matches the specified filterValue. + + + + +```js +supabase + .get('countries') + .eq('name', 'New Zealand') +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to match. + +---- + +### `gt()` + + +```js {3} +supabase + .get(tableName) + .gt(columnName, filterValue) +``` + +"Greater Than": Returns an array of rows whose value on the stated columnName exactly matches the specified filterValue. + + + + +```js +supabase + .get('countries') + .gt('id', 20) +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to compare to. + +---- + + +### `lt()` + + +```js {3} +supabase + .get(tableName) + .lt(columnName, filterValue) +``` + +"Less Than": Returns an array of rows whose value on the stated columnName is less than the specified filterValue. + + + + +```js +supabase + .get('countries') + .lt('id', 20) +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to compare to. + +---- + +### `gte()` + + +```js {3} +supabase + .get(tableName) + .gte(columnName, filterValue) +``` + +"Greater Than or Equal": Returns an array of rows whose value on the stated columName is greater than or equal to the specified filterValue. + + + + +```js +supabase + .get('countries') + .gte('id', 20) +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to compare to. + +---- + +### `lte()` + + +```js {3} +supabase + .get(tableName) + .lte(columnName, filterValue) +``` + +"Less Than or Equal": Returns an array of rows whose value on the stated columnName is less than or equal to the specified filterValue. + + + + +```js +supabase + .get('countries') + .gte('id', 20) +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to compare to. + +---- + +### `like()` + + +```js {3} +supabase + .get(tableName) + .like(columnName, stringPattern) +``` + +Returns an array of rows whose value in the stated columnName matches the supplied pattern. + + + + +```js +supabase + .get('countries') + .like('name', '%United%') +``` + + + +##### columnName `:string` +Name of database column. + +##### stringPattern `:string` +String pattern to compare to. A comprehensive guide on how to form proper patterns can be found [here](https://www.postgresql.org/docs/current/functions-matching.html). + + +---- + +### `ilike()` + + +```js {3} +supabase + .get(tableName) + .ilike(columnName, stringPattern) +``` + +A case-insensitive version of `like()`. + + + + +```js +supabase + .get('countries') + .ilike('name', '%united%') +``` + + + +##### columnName `:string` +Name of database column. + +##### stringPattern `:string` +String pattern to compare to. A comprehensive guide on how to form proper patterns can be found [here](https://www.postgresql.org/docs/current/functions-matching.html). + + +---- + + +### `is()` + + +```js {3} +supabase + .get(tableName) + .is(columnName, stringPattern) +``` + +A check for exact equality (**null**, **true**, **false**), returns an array of rows whose value on the stated columnName exactly match the specified filterValue. + + + + +```js +supabase + .get('countries') + .is('name', null) +``` + + + +##### columnName `:string` +Name of database column. + +##### stringPattern `{:null|:boolean}` +Value to match. + +---- + +### `in()` + + +```js {3} +supabase + .get(tableName) + .is(columnName, filterArray) +``` + +Returns an array of rows whose value on the stated columnName is found on the specified filterArray. + + + + +```js +supabase + .get('countries') + .in('name', ['China', 'France']) +``` + + + +##### columnName `:string` +Name of database column. + +##### filterArray `:array` +Array of values to find a match. Data type of values is dependent on the columnName specified. + + +---- + +### `not()` + + +```js {3} +supabase + .get(tableName) + .not(columnName, filterValue) +``` + +Returns an array of rows whose value on the stated columnName is found on the specified filterArray. + + + + +```js +supabase + .get('countries') + .not('name', 'China') +``` + + + +##### columnName `:string` +Name of database column. + +##### filterValue `{:string|:integer|:boolean}` +Value to **not** match. + +---- -Click [here](../library/get#using-select) to view some examples. -### Common Filters -Other common filters can be found [here](../library/filters). ## Responses -Aside from the status code `200 OK`, other common responses can be found [here](../library/responses). +#### 200 OK +Successful request + + \ No newline at end of file diff --git a/web/docs/library/getting-started.mdx b/web/docs/library/getting-started.mdx index 3a8d2b5c1ff..bdf050b2ae5 100755 --- a/web/docs/library/getting-started.mdx +++ b/web/docs/library/getting-started.mdx @@ -18,7 +18,7 @@ yarn install @supabase/supabase-js ```js import { createClient } from '@supabase/supabase-js' -// Create a single supbase client for interacting with your database +// Create a single supabase client for interacting with your database const supabase = createClient("https://xyzcompany.supabase.io", "1a2b-3c4d-5e6f-7g8h"); ``` diff --git a/web/docs/library/options.mdx b/web/docs/library/options.mdx deleted file mode 100644 index 93e40fb4f3e..00000000000 --- a/web/docs/library/options.mdx +++ /dev/null @@ -1,146 +0,0 @@ ---- -id: options -title: 'Available Options' ---- - -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; - -A list of all available options that can be specified under the `options?` parameter. - -## headers -`optional` object -Custom headers to be sent. A complete list of headers can be found [here](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers). - -### Example - - - -```js {9-14} -const postUsers = async () => { - try { - let users = await supabase - .post( - "users", - [ - { name: "Nelson Bighetti" }, - ], - { - headers:{ - "Content-Type": "application/x-www-form-urlencoded" - "X-requested-With": "XMLHttpRequest" - } - } - ) - return users - } catch (error) { - console.log('Error:', error) - } -} - -``` - - - - -```py -# TODO -``` - - - ---- - -## withCredentials -`optional` boolean -Determines the ability to send cookies from origin. - -### Example -Setting withCredentials with value **true** allows the request to send cookies from origin - - - -```js {9} -const postUsers = async () => { - try { - let users = await supabase - .post( - "users", - [ - { name: "Nelson Bighetti" }, - ], - { withCredentials: true } - ) - return users - } catch (error) { - console.log('Error:', error) - } -} - -``` - - - - -```py -# TODO -``` - - - ---- - -## timeout -`optional` integer -Specifies the amount of time in milliseconds before the request times out. - -### Example -Setting a timeout of value 5000 will cause the request to time out after 5000 milliseconds. - - - -```js {9} -const postUsers = async () => { - try { - let users = await supabase - .post( - "users", - [ - { name: "Nelson Bighetti" }, - ], - { timeout: 5000 } - ) - return users - } catch (error) { - console.log('Error:', error) - } -} - -``` - - - - -```py -# TODO -``` - - \ No newline at end of file diff --git a/web/docs/library/responses.mdx b/web/docs/library/responses.mdx deleted file mode 100644 index 59982ccc94b..00000000000 --- a/web/docs/library/responses.mdx +++ /dev/null @@ -1,16 +0,0 @@ ---- -id: responses -title: 'Common Responses' ---- - -## 400 Bad request -An invalid syntax or configuration was sent. - - - -## 404 Not found -Requested resource cannot be found. - -## 500 Internal Server Error -The server was unable to encounter the situation it encountered. diff --git a/web/docs/library/subscribe.mdx b/web/docs/library/subscribe.mdx index 8ecca6bbe5d..bd6f7ed61b1 100644 --- a/web/docs/library/subscribe.mdx +++ b/web/docs/library/subscribe.mdx @@ -101,6 +101,39 @@ const listener = supabase .join() ``` +### Listening to multiple events + + +```js {9-10} +import { createClient } from '@supabase/supabase-js' + +// Create a single supabase client for interacting with your database +const supabase = createClient('https://world.supabase.io', '1a2b-3c4d-5e6f-7g8h') + +// Listen to changes +const listener = supabase + .subscribe('countries') + .on('INSERT', handleRecordInserted) + .on('DELETE', handleRecordDeleted) + .join() +``` + +### Unsubscribing + + +```js {10} +import { createClient } from '@supabase/supabase-js' + +// Create a single supabase client for interacting with your database +const supabase = createClient('https://world.supabase.io', '1a2b-3c4d-5e6f-7g8h') + +// Listen to changes +const myListener = supabase.subscribe('countries') + +// Unsubscribe from changes +supabase.unsubscribe(myListener) +``` + @@ -139,17 +172,31 @@ supabase supabase .subscribe('tableName') .join() - .on('eventName', callbackFunction) + .on('eventType', callbackFunction) ``` +###### eventType `:string {INSERT|UPDATE|DELETE|*}` +The database event which you would like to receive updates for, or you can use the special wildcard `*` to listen to all changes. -###### eventName `REQUIRED` -Can be either a table in your database, or you can use the special wildcard `*` to listen to all changes. - -###### callbackFunction `REQUIRED` +###### callbackFunction `:function` A callback that will handle the payload that is sent whenever your database changes. See all Change Events below to understand all the possible payloads. +---- + + +### `unsubscribe()` + + +```js {2} +supabase + .unsubscribe(yourSubscription) +``` + +###### yourSubscription `:subscription` +A listener that was previously created. + + ---- ## Change Events diff --git a/web/sidebars.js b/web/sidebars.js index 58291e5c9c1..77f67294817 100755 --- a/web/sidebars.js +++ b/web/sidebars.js @@ -17,10 +17,7 @@ module.exports = { "library/post", "library/get", "library/patch", - "library/delete", - "library/filters", - "library/options", - "library/responses" + "library/delete" ], Guides:[ "guides/examples" diff --git a/web/src/components/Collapsable.js b/web/src/components/Collapsable.js index bb60df97f75..beb25eb442d 100644 --- a/web/src/components/Collapsable.js +++ b/web/src/components/Collapsable.js @@ -1,5 +1,12 @@ import React from 'react' -export default function Collapsable({ children }) { - return
{children}
+export default function Collapsable({ title, children }) { + return ( +
+ + {title} + +
{children}
+
+ ) } diff --git a/web/src/css/custom.css b/web/src/css/custom.css index 4bd077983f1..6b5483b0729 100755 --- a/web/src/css/custom.css +++ b/web/src/css/custom.css @@ -462,7 +462,10 @@ div[class^='sidebar_'] .menu__link.menu__link--active:not(.menu__link--sublist) .DummyData div{ padding-right: 10px; } - -summary:hover { +.Collapsable summary { + font-size: 0.9rem; + margin-bottom:20px; +} +.Collapsable summary:hover { cursor: pointer; } \ No newline at end of file diff --git a/web/static/supabase-logo.svg b/web/static/supabase-logo.svg index dcbbd0179f0..cb6632ff5d0 100644 --- a/web/static/supabase-logo.svg +++ b/web/static/supabase-logo.svg @@ -1,13 +1,11 @@ - - - - - - - - + + + + + + - +