Refactor polling hooks (#92)

packages/polling-components/src/components/PollList.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react'
 import { Poll } from './Poll'
 import styled from 'styled-components'
 import { Theme } from '@status-waku-voting/react-components'
-
+import { usePollList } from '@status-waku-voting/polling-hooks'
 type PollListProps = {
   theme: Theme
   wakuPolling: WakuPolling | undefined
@@ -12,18 +12,9 @@ type PollListProps = {
 }
 
 export function PollList({ wakuPolling, account, theme }: PollListProps) {
-  const [polls, setPolls] = useState<DetailedTimedPoll[]>([])
+  const polls = usePollList(wakuPolling)
-  const [dividedPolls, setDividedPolls] = useState<DetailedTimedPoll[][]>([[], [], []])
-  useEffect(() => {
-    const interval = setInterval(async () => {
-      if (wakuPolling) {
-        const DetailedTimedPolls = await wakuPolling.getDetailedTimedPolls()
-        setPolls(DetailedTimedPolls)
-      }
-    }, 1000)
-    return () => clearInterval(interval)
-  }, [wakuPolling])
 
+  const [dividedPolls, setDividedPolls] = useState<DetailedTimedPoll[][]>([[], [], []])
   useEffect(() => {
     let arrayNo = 0
     const newDividedPolls: DetailedTimedPoll[][] = [[], [], []]

packages/polling-hooks/src/hooks/usePollList.ts

@@ -0,0 +1,17 @@
+import { WakuPolling } from '@status-waku-voting/core'
+import { DetailedTimedPoll } from '@status-waku-voting/core/dist/esm/src/models/DetailedTimedPoll'
+import React, { useEffect, useState } from 'react'
+
+export function usePollList(wakuPolling: WakuPolling | undefined) {
+  const [polls, setPolls] = useState<DetailedTimedPoll[]>([])
+  useEffect(() => {
+    const interval = setInterval(async () => {
+      if (wakuPolling) {
+        const DetailedTimedPolls = await wakuPolling.getDetailedTimedPolls()
+        setPolls(DetailedTimedPolls)
+      }
+    }, 1000)
+    return () => clearInterval(interval)
+  }, [wakuPolling])
+  return polls
+}

packages/polling-hooks/src/index.ts

@@ -1,3 +1,4 @@
+import { usePollList } from './hooks/usePollList'
 import { useWakuPolling } from './hooks/useWakuPolling'
 
-export { useWakuPolling }
+export { useWakuPolling, usePollList }