arbor-dashboard 1.0.0 → 1.0.1

package/.vscode/settings.json

@@ -4,4 +4,4 @@
     "[typescriptreact]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "arbor-dashboard",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "A tool to create responsive dashboards with charts",
     "main": "index.ts",
     "scripts": {

package/src/Components/Charts/BarChart.tsx

@@ -5,13 +5,13 @@ import {useQuery} from '@tanstack/react-query';
 import {httpGet} from '../../HttpRequest/HttpRequest';
 type BarChartProps = {
     dataUrl: string;
-    token: string;
+    authToken: string;
     testEnv: boolean;
 };
-export const BarChart = ({dataUrl, token, testEnv}: BarChartProps) => {
+export const BarChart = ({dataUrl, authToken, testEnv}: BarChartProps) => {
     const {data} = useQuery({
         queryKey: ['bar'],
-        queryFn: () => httpGet(dataUrl, token),
+        queryFn: () => httpGet(dataUrl, authToken),
     });
 
     const {transformedData, query, annotation} = transformChartData(

package/src/Components/Charts/HeatMap.tsx

@@ -11,14 +11,14 @@ import {httpGet} from '../../HttpRequest/HttpRequest';
 
 type HeatMapProps = {
     dataUrl: string;
-    token: string;
+    authToken: string;
     testEnv: boolean;
 };
 
-export const HeatMap = ({dataUrl, token, testEnv}: HeatMapProps) => {
+export const HeatMap = ({dataUrl, authToken, testEnv}: HeatMapProps) => {
     const {data} = useQuery({
         queryKey: ['heatMap'],
-        queryFn: () => httpGet(dataUrl, token),
+        queryFn: () => httpGet(dataUrl, authToken),
     });
 
     const {transformedData, query, annotation} = transformChartData(

package/src/Components/Charts/LineChart.tsx

@@ -6,13 +6,13 @@ import {httpGet} from '../../HttpRequest/HttpRequest';
 
 type LineChartProps = {
     dataUrl: string;
-    token: string;
+    authToken: string;
     testEnv: boolean;
 };
-export const LineChart = ({dataUrl, token, testEnv}: LineChartProps) => {
+export const LineChart = ({dataUrl, authToken, testEnv}: LineChartProps) => {
     const {data} = useQuery({
         queryKey: ['line'],
-        queryFn: () => httpGet(dataUrl, token),
+        queryFn: () => httpGet(dataUrl, authToken),
     });
 
     const {transformedData, query, annotation} = transformChartData(

package/src/Components/Dashboard/Dashboard.tsx

@@ -11,12 +11,12 @@ const ResponsiveGridLayout = WidthProvider(Responsive);
 
 type DashboardProps = {
     layoutConfig: string;
-    token: string;
+    authToken: string;
 };
 
 const queryClient = new QueryClient();
 
-export const Dashboard = ({layoutConfig, token}: DashboardProps) => {
+export const Dashboard = ({layoutConfig, authToken}: DashboardProps) => {
     const layout = JSON.parse(layoutConfig);
     const {filters} = layout;
     const {chartLayout} = filters;
@@ -80,21 +80,21 @@ export const Dashboard = ({layoutConfig, token}: DashboardProps) => {
                             {item.chartType === 'bar' && (
                                 <BarChart
                                     dataUrl={item.dataUrl}
-                                    token={token}
+                                    authToken={authToken}
                                     testEnv={item.testEnv}
                                 />
                             )}
                             {item.chartType === 'line' && (
                                 <LineChart
                                     dataUrl={item.dataUrl}
-                                    token={token}
+                                    authToken={authToken}
                                     testEnv={item.testEnv}
                                 />
                             )}
                             {item.chartType === 'heat-map' && (
                                 <HeatMap
                                     dataUrl={item.dataUrl}
-                                    token={token}
+                                    authToken={authToken}
                                     testEnv={item.testEnv}
                                 />
                             )}
@@ -112,7 +112,7 @@ export const Dashboard = ({layoutConfig, token}: DashboardProps) => {
                         </div>
                         <Dashboard
                             layoutConfig={JSON.stringify(filters)}
-                            token={token}
+                            authToken={authToken}
                         />
                     </div>
                 )}