feat: Export winners csv

client/packages/ui/src/features/raffleDetail/components/checkWinners.tsx

@@ -1,11 +1,13 @@
 import React, { useState, useEffect } from 'react'
 import { Button, Text, Stack, Flex, Heading } from '@chakra-ui/react'
+
 export const CheckWinners = ({ store, reset }) => {
   const [winners, setWinners] = useState([])
 
   const componentDidMount = () => {
     readWinners(store)
   }
+
   useEffect(componentDidMount, [])
 
   const readWinners = (store) => {
@@ -21,6 +23,16 @@ export const CheckWinners = ({ store, reset }) => {
     setWinners(winnersArr)
   }
 
+  const exportToCSV = () => {
+    const csvData = winners.join('\n')
+    const blob = new Blob([csvData], { type: 'text/csv' })
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.download = 'winners.csv'
+    link.href = url
+    link.click()
+  }
+
   return (
     <>
       <Heading size="md" mb="6">
@@ -34,6 +46,9 @@ export const CheckWinners = ({ store, reset }) => {
         ))}
       </Stack>
       <Flex mt="2" justify="end">
+        <Button variant="default" mr="4" onClick={exportToCSV}>
+          Export to CSV
+        </Button>
         <Button variant="default" onClick={() => reset(store)}>
           Close
         </Button>