feat(webapp): wip tax rates management

packages/webapp/src/containers/TaxRates/drawers/TaxRateDetailsDrawer/TaxRateDetailsContentBoot.tsx

@@ -0,0 +1,40 @@
+// @ts-nocheck
+import React, { createContext, useContext } from 'react';
+import { DrawerLoading } from '@/components';
+import { useTaxRate } from '@/hooks/query/taxRates';
+
+const TaxRateDetailsContext = createContext();
+
+interface TaxRateDetailsContentBootProps {
+  taxRateId: number;
+}
+
+/**
+ * Tax rate details content boot.
+ * @returns {JSX}
+ */
+export function TaxRateDetailsContentBoot({
+  taxRateId,
+  ...props
+}: TaxRateDetailsContentBootProps) {
+  const {
+    data: taxRate,
+    isFetching: isTaxRateFetching,
+    isLoading: isTaxRateLoading,
+  } = useTaxRate(taxRateId, { keepPreviousData: true });
+
+  const provider = {
+    isTaxRateLoading,
+    isTaxRateFetching,
+    taxRate,
+    taxRateId,
+  };
+
+  return (
+    <DrawerLoading loading={isTaxRateLoading}>
+      <TaxRateDetailsContext.Provider value={provider} {...props} />
+    </DrawerLoading>
+  );
+}
+
+export const useTaxRateDetailsContext = () => useContext(TaxRateDetailsContext);