Merge pull request #15 from hubtype/examples/fix-live-demos

Fixing live demos

README.md

@@ -26,7 +26,7 @@ and select it from the selector.
       </a>
     </td>
     <td align="center">
-      <a href="https://botonic.io/examples/booking-platform/">🔗</a>
+      <a href="https://botonic-example-booking-platform.netlify.app/">🔗</a>
     </td>
     <td>
       This example shows you how to make a reservation in a hotel using a
@@ -54,7 +54,7 @@ and select it from the selector.
       </a>
     </td>
     <td align="center">
-      <a href="https://botonic.io/examples/telco-offers/">🔗</a>
+      <a href="botonic-example-telco-offers.netlify.app">🔗</a>
     </td>
     <td>
       This example shows you a multi-language conversation flow to acquire an Internet or a cell phone rate using buttons and replies.

booking-platform/src/webchat/custom-icons.js

@@ -2,6 +2,7 @@ import React from 'react'
 import styled from 'styled-components'
 import { IconContainer } from './common'
 import Send from '../assets/send.svg'
+import BurgerMenu from '../assets/burger-menu.svg'
 import { staticAsset } from '@botonic/react'
 
 export const Icon = styled.img`
@@ -16,6 +17,6 @@ export const CustomSendButton = () => (
 
 export const CustomMenuButton = () => (
   <IconContainer>
-    <Icon src='https://image.flaticon.com/icons/svg/2948/2948037.svg' />
+    <Icon src={staticAsset(BurgerMenu)} />
   </IconContainer>
 )

booking-platform/src/webchat/custom-persistentMenu.js

@@ -3,6 +3,8 @@ import styled from 'styled-components'
 import { WebchatContext } from '@botonic/react'
 import { CustomMenuButton } from './custom-persistentMenu-button'
 import Home from '../assets/home.svg'
+import CheckReservation from "../assets/check-reservation.svg"
+import Close from "../assets/close.svg"
 import { staticAsset } from '@botonic/react'
 
 const ButtonsContainer = styled.div`
@@ -20,7 +22,7 @@ export const CustomPersistentMenu = ({ onClick, options }) => {
       <CustomMenuButton
         label={options[0].label}
         webview={options[0].webview}
-        img='https://www.flaticon.com/svg/static/icons/svg/14/14934.svg'
+        img={staticAsset(CheckReservation)}
       />
       <CustomMenuButton
         label={options[1].label}
@@ -30,7 +32,7 @@ export const CustomPersistentMenu = ({ onClick, options }) => {
       <CustomMenuButton
         label={options[2].closeLabel}
         onClick={onClick}
-        img='https://www.flaticon.com/svg/static/icons/svg/67/67345.svg'
+        img={staticAsset(Close)}
       />
     </ButtonsContainer>
   )