# extendify/0.11.0/src/Assist/state/Tasks.js

Extendify, version 0.11.0. 63 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.11.0/code/src/Assist/state/Tasks.js
- Raw: https://pluginprobe.com/plugins/extendify/0.11.0/raw/src/Assist/state/Tasks.js
- Modified: 2022-10-07T04:54:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.11.0/code/src/Assist/state/Tasks.js#L10-L20`.

```javascript
import { useEffect, useState } from '@wordpress/element'
import create from 'zustand'
import { devtools, persist } from 'zustand/middleware'
import { getTaskData, saveTaskData } from '../api/Data'

const state = (set, get) => ({
    // These are tests the user is in progress of completing.
    activeTests: [],
    // these are tasks the user has already completed
    completedTasks: [],
    isCompleted(task) {
        return get().completedTasks.includes(task)
    },
    completeTask(task) {
        if (get().isCompleted(task)) {
            return
        }
        set((state) => ({
            completedTasks: [...state.completedTasks, task],
        }))
    },
    uncompleteTask(task) {
        set((state) => ({
            completedTasks: state.completedTasks.filter((t) => t !== task),
        }))
    },
    toggleCompleted(task) {
        if (get().isCompleted(task)) {
            get().uncompleteTask(task)
            return
        }
        get().completeTask(task)
    },
})

const storage = {
    getItem: async () => JSON.stringify(await getTaskData()),
    setItem: async (_, value) => await saveTaskData(value),
    removeItem: () => undefined,
}

export const useTasksStore = create(
    persist(devtools(state, { name: 'Extendify Assist Tasks' }), {
        name: 'extendify-assist-tasks',
        getStorage: () => storage,
    }),
    state,
)

/* Hook useful for when you need to wait on the async state to hydrate */
export const useTasksStoreReady = () => {
    const [hydrated, setHydrated] = useState(useTasksStore.persist.hasHydrated)
    useEffect(() => {
        const unsubFinishHydration = useTasksStore.persist.onFinishHydration(
            () => setHydrated(true),
        )
        return () => {
            unsubFinishHydration()
        }
    }, [])
    return hydrated
}

```