feat: add settings to ShotDispersion

src/components/panels/AveragesPerSession.tsx

@@ -116,6 +116,3 @@ const parseDate = (input: string) => {
     return input;
   }
 };
-
-console.log(parseDate("01/01/21"));
-console.log(parseDate("19.05.24"));

src/components/panels/AveragesPerSessionGraph.tsx

@@ -24,7 +24,6 @@ export const AveragesPerSessionGraph = ({
   yField: keyof GolfSwingData;
   data: ClubDataForTable;
 }) => {
-  console.log(data);
   const spec: VisualizationSpec = {
     $schema: "https://vega.github.io/schema/vega-lite/v5.json",
     data: { name: "table" },

src/components/panels/ShotDispersion.tsx

@@ -1,7 +1,8 @@
 import { useMemo } from "react";
 import { Vega, VisualizationSpec } from "react-vega";
-import { useSelectedSessions } from "../../hooks/useSelectedSessions";
+import { useSelectedSessionsWithSettings } from "../../hooks/useSelectedSessions";
 import { GolfSwingData } from "../../types/GolfSwingData";
+import { SettingsForm } from "./SettingsForm";
 
 export const ShotDispersion = () => {
   const shots = useCarryAndDeviation();
@@ -35,6 +36,7 @@ export const ShotDispersion = () => {
 
   return (
     <div className="flex h-auto flex-col gap-3 rounded-xl bg-white p-4">
+      <SettingsForm />
       <h4 className="mb-4 text-xl font-bold text-gray-800">Shot Dispersion</h4>
       <div className="block h-[400px] w-full">
         <Vega spec={spec} data={{ table: shots }} />
@@ -44,7 +46,7 @@ export const ShotDispersion = () => {
 };
 
 const useCarryAndDeviation = () => {
-  const sessions = useSelectedSessions();
+  const sessions = useSelectedSessionsWithSettings();
 
   const shots = useMemo(() => {
     if (sessions) {

src/hooks/useSelectedSessions.ts

@@ -1,6 +1,8 @@
 import { useContext } from "react";
 import { SessionContext } from "../provider/SessionContext";
+import { SettingsContext } from "../provider/SettingsContext";
 import { Sessions } from "../types/Sessions";
+import { dropOutliers, getAboveAverageShots } from "../utils/calculateAverages";
 
 export const useSelectedSessions = () => {
   const { sessions } = useContext(SessionContext);
@@ -12,3 +14,21 @@ export const useSelectedSessions = () => {
     return acc;
   }, {} as Sessions);
 };
+
+export const useSelectedSessionsWithSettings = () => {
+  const sessions: Sessions = useSelectedSessions();
+  const { settings } = useContext(SettingsContext);
+
+  return Object.values(sessions).reduce((acc, session) => {
+    let results = session.results;
+    if (settings.useIQR) {
+      results = dropOutliers(session.results);
+    }
+    if (settings.useAboveAverageShots) {
+      results = getAboveAverageShots(session.results);
+    }
+
+    acc[session.date] = { ...session, results };
+    return acc; // Add this line to return the accumulator
+  }, {});
+};

src/utils/calculateAverages.ts

@@ -268,7 +268,7 @@ const lobwedgeVariations = [
  *
  * @param swings - The swings to filter
  */
-const dropOutliers = (swings: GolfSwingData[]) => {
+export const dropOutliers = (swings: GolfSwingData[]) => {
   // Filter out outliers
   const filteredSwings = swings.filter((swing) => {
     const club = swing["Schlägerart"] || swing["Club Type"];
@@ -293,7 +293,7 @@ const dropOutliers = (swings: GolfSwingData[]) => {
   return filteredSwings;
 };
 
-const getAboveAverageShots = (swings: GolfSwingData[]) => {
+export const getAboveAverageShots = (swings: GolfSwingData[]) => {
   // Filter out outliers
   const filteredSwings = swings.filter((swing) => {
     const club = swing["Schlägerart"] || swing["Club Type"];