Skip to content

Instantly share code, notes, and snippets.

View kamnan43's full-sized avatar

Sitthi Thiammekha kamnan43

View GitHub Profile
{
"type": "bubble",
"hero": {
"type": "image",
"url": "https://example.com/hero-image.png",
"size": "full",
"aspectRatio": "20:13",
"aspectMode": "cover"
},
"body": {
@kamnan43
kamnan43 / package.json
Created April 27, 2022 09:05
Handle Non Text Event
{
"name": "functions",
"description": "Cloud Functions for Firebase",
"scripts": {
"serve": "firebase emulators:start --only functions",
"shell": "firebase functions:shell",
"start": "npm run shell",
"deploy": "firebase deploy --only functions",
"logs": "firebase functions:log"
},
@kamnan43
kamnan43 / index.js
Created April 27, 2022 09:03
DF Handle Nontext Event
const functions = require("firebase-functions");
const line = require('@line/bot-sdk');
const express = require('express');
const { postToDialogflow, createLineTextEvent, convertToDialogflow } = require('./dialogflow')
const firebase = require('firebase-admin');
const { WebhookClient } = require('dialogflow-fulfillment');
firebase.initializeApp({});
const config = {
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>B-Connect</title>
</head>
<body>
{
"name": "bubble-ui",
"version": "1.0.0",
"description": "",
"keywords": [],
"main": "src/index.js",
"dependencies": {
"firebase": "^9.6.1",
"react": "17.0.2",
"react-bubble-ui": "1.1.1",
{
"size": {
"width": 2500,
"height": 843
},
"selected": true,
"name": "Rich Menu 1",
"chatBarText": "เมนู",
"areas": [
{
.myBubbleUI {
width: 100%;
/* max-width: 500px; */
height: 700px;
background-color: blueviolet;
}
.child {
width: 100%;
height: 100%;
export default function Bubble({ data, setClick }) {
return (
<div className="childComponent" onClick={() => setClick(data)}>
<img
src={data['pictureUrl']}
alt=""
style={{
width: '100%',
borderRadius: '50%',
}}></img>
import React from "react";
import BubbleUI from "react-bubble-ui";
import { initializeApp } from "firebase/app"
import Swal from 'sweetalert2'
import { getFirestore, collection, query, onSnapshot } from 'firebase/firestore';
import "react-bubble-ui/dist/index.css";
import Child from "./Bubble";
import "./styles.css";
const config = {
import { StrictMode } from "react";
import ReactDOM from "react-dom";
import App from "./App";
const rootElement = document.getElementById("root");
ReactDOM.render(
<StrictMode>
<App />
</StrictMode>,