refactor: infer types from graphql schema WIP

boxwise · fhenrich33 · Nov 24, 2024 · Nov 24, 2024 · Nov 25, 2024 · Nov 25, 2024
commit 0da09668ca72c271681bed797335d2edac5a28bd
diff --git a/front/src/types/query-types.ts b/front/src/types/query-types.ts
@@ -4,6  4,7 @@ import { ALL_SHIPMENTS_QUERY, BOX_QUERY, LOCATIONS_QUERY, USER_QUERY } from "que
 import { ALL_TRANSFER_AGREEMENTS_QUERY } from "views/Transfers/TransferAgreementOverview/TransferAgreementOverviewView";
 import { introspection_types } from "../../../generated/graphql-env";
 import { HISTORY_FIELDS_FRAGMENT, TAG_BASIC_FIELDS_FRAGMENT } from "queries/fragments";
 import { PRODUCT_FRAGMENT } from "@boxtribute/shared-components/statviz/queries/fragments";
 
 export type Box = ResultOf<typeof BOX_QUERY>["box"];
 
@@ -25,6  26,8 @@ export type Locations = ResultOf<typeof LOCATIONS_QUERY>["locations"];
 
 export type HistoryEntry = ResultOf<typeof HISTORY_FIELDS_FRAGMENT>;
 
 export type Product = ResultOf<typeof PRODUCT_FRAGMENT>;
 
 export type BoxState = introspection_types["BoxState"]["enumValues"];
 
 export type ShipmentState = introspection_types["ShipmentState"]["enumValues"];

diff --git a/front/src/views/BaseDashboard/BaseDashboardView.tsx b/front/src/views/BaseDashboard/BaseDashboardView.tsx
@@ -17,7  17,7 @@ export const BASE_DATA = graphql(`
 function BaseDashboardView() {
   const { baseId } = useBaseIdParam();
 
-  const { loading, error, data } = useQuery<BaseDataQuery, BaseDataQueryVariables>(BASE_DATA, {
   const { loading, error, data } = useQuery(BASE_DATA, {
     variables: {
       baseId,
     },

diff --git a/front/src/views/Distributions/baseData.ts b/front/src/views/Distributions/baseData.ts
@@ -1,25  1,25 @@
 
 
 export const distroEventStateHumanReadableLabels = new Map<string, string>([
-  [DistributionEventState.Planning, "Planning"],
   ["Planning", "Planning"],
   // [DistributionEventState.PlanningDone, "Planning Done"],
-  [DistributionEventState.Packing, "Packing"],
   ["Packing", "Packing"],
   // [DistributionEventState.PackingDone, "Packing Done"],
-  [DistributionEventState.OnDistro, "On Distribution"],
-  [DistributionEventState.ReturnedFromDistribution, "Returned From Distribution"],
-  [DistributionEventState.ReturnTrackingInProgress, "Return Tracking In Progress"],
   ["OnDistro", "On Distribution"],
   ["ReturnedFromDistribution", "Returned From Distribution"],
   ["ReturnTrackingInProgress", "Return Tracking In Progress"],
   // [DistributionEventState.ReturnsTracked, "Returned Items Tracked"],
-  [DistributionEventState.Completed, "Completed"],
   ["Completed", "Completed"],
 ]);
 
 export const distroEventStateOrder = [
-  DistributionEventState.Planning,
   "Planning",
   // DistributionEventState.PlanningDone,
-  DistributionEventState.Packing,
   "Packing",
   // DistributionEventState.PackingDone,
-  DistributionEventState.OnDistro,
-  DistributionEventState.ReturnedFromDistribution,
-  DistributionEventState.ReturnTrackingInProgress,
   "OnDistro",
   "ReturnedFromDistribution",
   "ReturnTrackingInProgress",
   // DistributionEventState.ReturnsTracked,
-  DistributionEventState.Completed,
   "Completed",
 ];
diff --git a/shared-components/statviz/components/filter/GenderProductFilter.tsx b/shared-components/statviz/components/filter/GenderProductFilter.tsx
@@ -4,55  4,56 @@ import MultiSelectFilter from "./MultiSelectFilter";
 import { IFilterValue } from "./ValueFilter";
 import useMultiSelectFilter from "../../hooks/useMultiSelectFilter";
 import { IProductFilterValue, productFilterValuesVar } from "../../state/filter";
 import { Product } from "../../../../front/src/types/query-types";
 
 export const genders: IFilterValue[] = [
   {
-    value: ProductGender.Boy.valueOf(),
     value: "Boy",
     label: "Boy",
     urlId: "boy",
   },
   {
-    value: ProductGender.Girl.valueOf(),
     value: "Girl",
     label: "Girl",
     urlId: "girl",
   },
   {
-    value: ProductGender.Men.valueOf(),
     value: "Men",
     label: "Men",
     urlId: "men",
   },
   {
-    value: ProductGender.None.valueOf(),
     value: "None",
     label: "None",
     urlId: "none",
   },
   {
-    value: ProductGender.TeenBoy.valueOf(),
     value: "Teen Boy",
     label: "Teen Boy",
     urlId: "tb",
   },
   {
-    value: ProductGender.TeenGirl.valueOf(),
     value: "Teen Girl",
     label: "Teen Girl",
     urlId: "tg",
   },
   {
-    value: ProductGender.UnisexAdult.valueOf(),
     value: "UnisexAdult",
     label: "UnisexAdult",
     urlId: "ua",
   },
   {
-    value: ProductGender.UnisexBaby.valueOf(),
     value: "Unisex Baby",
     label: "Unisex Baby",
     urlId: "ub",
   },
   {
-    value: ProductGender.UnisexKid.valueOf(),
     value: "Unisex Kid",
     label: "Unisex Kid",
     urlId: "uk",
   },
   {
-    value: ProductGender.Women.valueOf(),
     value: "Women",
     label: "Women",
     urlId: "women",
   },
@@ -61,7  62,7 @@ export const genders: IFilterValue[] = [
 export const genderFilterId = "gf";
 export const productFilterId = "pf";
 
-export const productToFilterValue = (product: ProductDimensionInfo): IProductFilterValue => ({
 export const productToFilterValue = (product: Product): IProductFilterValue => ({
   id: product.id!,
   value: product.id!.toString(),
   name: product.name!,