import {useState, useEffect} from "react"
import * as PusherPushNotifications from "@pusher/push-notifications-web"
import Pusher from 'pusher-js';

function App() {
  const [data, updateData] = useState(sampleData)
  const [total, updateTotal] = useState({message: sampleData[0]})
  const [subStatus, updateSubStatus] = useState("subscribe")

  const pusher = new Pusher("b691171de5f8ac605664", {
    cluster: "mt1"
  });
  const channel = pusher.subscribe('votes');

  channel.bind('vote-event', function(dataFromServer) {
    updateData(data =>{

      data.splice(Number(dataFromServer.message[11]), 1, dataFromServer.message)
      const arr = [...data]
      return arr
    }
    )

    updateTotal(dataFromServer)


  });