File Manager

XYZ File Manager

Current Path: /var/www/wordpress/wp-content/plugins/code-snippets/js/hooks

var / www / wordpress / wp-content / plugins / code-snippets / js / hooks /

📁 ..
📄 useAxios.ts(1.34 KB)
📄 useFileUploadAPI.ts(1.95 KB)
📄 useImportersAPI.ts(1.41 KB)
📄 useRestAPI.tsx(2.2 KB)
📄 useSnippetForm.tsx(2.7 KB)
📄 useSnippetsList.tsx(1.32 KB)
📄 useSubmitSnippet.ts(4.75 KB)

Editing: useSnippetsList.tsx

import React, { useCallback, useEffect, useState } from 'react'
import { createContextHook } from '../utils/hooks'
import { isNetworkAdmin } from '../utils/screen'
import { useRestAPI } from './useRestAPI'
import type { PropsWithChildren } from 'react'
import type { Snippet } from '../types/Snippet'

export interface SnippetsListContext {
	snippetsList: readonly Snippet[] | undefined
	refreshSnippetsList: () => Promise<void>
}

const [SnippetsListContext, useSnippetsList] = createContextHook<SnippetsListContext>('SnippetsList')

export const WithSnippetsListContext: React.FC<PropsWithChildren> = ({ children }) => {
	const { snippetsAPI: { fetchAll } } = useRestAPI()
	const [snippetsList, setSnippetsList] = useState<Snippet[]>()

const refreshSnippetsList = useCallback(async (): Promise<void> => {
		try {
			console.info('Fetching snippets list')
			const response = await fetchAll(isNetworkAdmin())
			setSnippetsList(response)
		} catch (error: unknown) {
			console.error('Error fetching snippets list', error)
		}
	}, [fetchAll])

useEffect(() => {
		refreshSnippetsList()
			.catch(() => undefined)
	}, [refreshSnippetsList])

const value: SnippetsListContext = {
		snippetsList,
		refreshSnippetsList
	}

return <SnippetsListContext.Provider value={value}>{children}</SnippetsListContext.Provider>
}

export { useSnippetsList }

XYZ File Manager

Editing: useSnippetsList.tsx

Upload File

Create Folder