Pharmacist | Builds observables from events | Reactive Programming library

Do the simple trick Add state in your dataset or

you need a onClick listener on your button element

Q objects are your friend here.

Change your text type string to RichText and in your pageView, remove the toString from the IntroductionContent text parameter.

PageView.build

Your only error is, that:

SimpleXML::attributes only appears returns the attributes from the first element in the set.

Although undocumented, this is logical, because the attributes are keyed based on the attribute name, and PHP does not allow reuse of the "Label" key in this way. Even if they weren't, I guess it might be hard to distinguish which attributes applied to which elements.

You'll need to rewrite as a foreach loop or similar.

Because when you use onclick={expr}, expr gets evaluated to know what value to pass to onclick. Therefore if you do onclick={history.push('/login')}, you're directly evaluating history.push('/login').

Instead, you can use an arrow function like onclick={() => history.push('/login')}.

The way JSS creates styles on-demand, the core styles for the Button component are overriding the styles you've defined with makeStyles simply because the components are imported after the custom styles. If you inspect the element in Dev Tools, you can see that the .MuiButton-root styles are overriding those under the generated class .makeStyles-button-2 -- two single-class CSS selectors have the same specificity, so the one that comes last ends up winning.

To fix this, you'll just want to reorder your imports, so that useStyles is imported after the Button and the rest of your MUI components.

https://codesandbox.io/s/laughing-lamport-0i1zt?file=/src/components/Login.js

You have set the collection to doctors in the following code snippet:

const ref = db.collection("doctor")

If you want to add a different user to a different firebase collection you just need to replace the collection name:

const ref = db.collection("patient")