Updated example

example/src/App.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react'
 import ebconfig from "./ebconfig.json";
-// import ebconfig2 from "./ebconfig2";
+import ebconfig2 from "./ebconfig2";
 import { EasybaseProvider } from 'easybase-react';
 import QueryExample from "./QueryExample";
 import FunctionExample from "./CloudFunctionExample";
@@ -33,7 +33,7 @@ const IntegrationExample = () => (
 )
 
 const ProjectExample = () => (
-  <EasybaseProvider ebconfig={ebconfig} options={{ logging: true }}>
+  <EasybaseProvider ebconfig={ebconfig2} options={{ logging: true }}>
     <ProjectUser />
   </EasybaseProvider>
 )

example/src/DbCardElement.tsx

@@ -1,18 +1,18 @@
 import React, { useRef } from "react";
 import { useEasybase } from "easybase-react";
 
-const CardElement = ({ rating, picture, app_name, hq, latest_release, _key }: any) => {
+const CardElement = ({ rating, picture, app_name, hq, latest_release, _key, tableName }: any) => {
 
     const inputEl = useRef<HTMLInputElement>(null);
 
     const { db } = useEasybase();
 
     const onRatingChange = (change: number) => {
-        db().set({ 'rating': rating + change }).where({ _key }).all()
+        db(tableName || "").set({ 'rating': rating + change }).where({ _key }).all()
     }
 
     const onDelete = () => {
-        db().delete().where({ _key }).one();
+        db(tableName || "").delete().where({ _key }).one();
     }
 
     return (

example/src/ProjectUser.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useEasybase } from "easybase-react";
-import CardElement from "./CardElement";
+import DbCardElement from "./DbCardElement";
 
 export default function ProjectUser() {
 
@@ -60,7 +60,7 @@ export default function ProjectUser() {
                     <button className="btn orange m-4" onClick={addUserRecord}><span>Add User Record</span></button>
                 </div>
                 <div className="d-flex">
-                    {data.map((ele, index) => <CardElement {...ele} index={index} key={index} />)}
+                    {data.map((ele, index) => <DbCardElement {...ele} tableName="REACT TEST" key={index} />)}
                 </div>
             </div>
         )
@@ -76,7 +76,7 @@ export default function ProjectUser() {
                     <button className="btn orange m-4" onClick={onSignUpClick}><span>Sign Up</span></button>
                 </div>
                 <div className="d-flex">
-                    {data.map((ele, index) => <CardElement {...ele} index={index} key={index} />)}
+                    {data.map((ele, index) => <DbCardElement {...ele} tableName="MOBILE APPS" key={index} />)}
                 </div>
             </div>
         )