minor changes
This commit is contained in:
parent
bef8aaa6b1
commit
2abb63569a
|
|
@ -1,10 +1,10 @@
|
||||||
# Basic call
|
# Fitness Demo
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
### Live example
|
### Live example
|
||||||
|
|
||||||
**[See it in action here ➡️](https://custom-basic-call.vercel.app)**
|
**[See it in action here ➡️](https://custom-fitness-demo.vercel.app)**
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -28,7 +28,7 @@ mv env.example .env.local
|
||||||
|
|
||||||
# from project root...
|
# from project root...
|
||||||
yarn
|
yarn
|
||||||
yarn workspace @custom/basic-call dev
|
yarn workspace @custom/fitness-demo dev
|
||||||
```
|
```
|
||||||
|
|
||||||
## How does this example work?
|
## How does this example work?
|
||||||
|
|
|
||||||
|
|
@ -93,7 +93,7 @@ export const Intro = ({
|
||||||
Failed to obtain token <p>{tokenError}</p>
|
Failed to obtain token <p>{tokenError}</p>
|
||||||
</Well>
|
</Well>
|
||||||
)}
|
)}
|
||||||
<Field label="Give you a class name">
|
<Field label="Give your class a name">
|
||||||
<TextInput
|
<TextInput
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Eg. Super stretchy morning flow"
|
placeholder="Eg. Super stretchy morning flow"
|
||||||
|
|
@ -135,7 +135,6 @@ export const Intro = ({
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.or-text {
|
.or-text {
|
||||||
color: var(--reverse);
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.room {
|
.room {
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,7 @@ export const ChatProvider = ({ children }) => {
|
||||||
setSharedState(values => ({
|
setSharedState(values => ({
|
||||||
...values,
|
...values,
|
||||||
chatHistory: [
|
chatHistory: [
|
||||||
...values.chatHistory,
|
...values?.chatHistory,
|
||||||
// nanoid - we use it to generate unique ID string
|
// nanoid - we use it to generate unique ID string
|
||||||
{ sender, senderID: e.fromId, message: e.data.message, id: nanoid() },
|
{ sender, senderID: e.fromId, message: e.data.message, id: nanoid() },
|
||||||
]
|
]
|
||||||
|
|
@ -64,7 +64,7 @@ export const ChatProvider = ({ children }) => {
|
||||||
return setSharedState(values => ({
|
return setSharedState(values => ({
|
||||||
...values,
|
...values,
|
||||||
chatHistory: [
|
chatHistory: [
|
||||||
...values.chatHistory,
|
...values?.chatHistory,
|
||||||
// nanoid - we use it to generate unique ID string
|
// nanoid - we use it to generate unique ID string
|
||||||
{ sender, senderID, message, id: nanoid() }
|
{ sender, senderID, message, id: nanoid() }
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
/*
|
/*
|
||||||
* This is an example server-side function that generates a meeting token
|
* This is an example server-side function that provides the real-time presence
|
||||||
* server-side. You could replace this on your own back-end to include
|
* data of all the active rooms in the given domain.
|
||||||
* custom user authentication, etc.
|
|
||||||
*/
|
*/
|
||||||
export default async function handler(req, res) {
|
export default async function handler(req, res) {
|
||||||
if (req.method === 'GET') {
|
if (req.method === 'GET') {
|
||||||
|
|
|
||||||
|
|
@ -109,6 +109,7 @@ export default function Index({
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
background: var(--reverse);
|
||||||
`}</style>
|
`}</style>
|
||||||
</main>
|
</main>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,7 @@ export const Card = ({ children, className, variant }) => (
|
||||||
background: var(--reverse);
|
background: var(--reverse);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: var(--radius-md);
|
border-radius: var(--radius-md);
|
||||||
|
border: 1px solid #C8D1DC;
|
||||||
padding: var(--spacing-md);
|
padding: var(--spacing-md);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue