Sporadic set logging added

components/Tracker/index.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { WorkoutSession, WorkoutSet, WorkoutPlan, Language } from '../../types';
+import { useTracker } from './useTracker';
+import IdleView from './IdleView';
+import SporadicView from './SporadicView';
+import ActiveSessionView from './ActiveSessionView';
+
+interface TrackerProps {
+    userId: string;
+    userWeight?: number;
+    activeSession: WorkoutSession | null;
+    activePlan: WorkoutPlan | null;
+    onSessionStart: (plan?: WorkoutPlan, startWeight?: number) => void;
+    onSessionEnd: () => void;
+    onSessionQuit: () => void;
+    onSetAdded: (set: WorkoutSet) => void;
+    onRemoveSet: (setId: string) => void;
+    onUpdateSet: (set: WorkoutSet) => void;
+    onSporadicSetAdded?: () => void;
+    lang: Language;
+}
+
+const Tracker: React.FC<TrackerProps> = (props) => {
+    const tracker = useTracker(props);
+    const { isSporadicMode } = tracker;
+    const { activeSession, lang, onSessionEnd, onSessionQuit, onRemoveSet } = props;
+
+    if (activeSession) {
+        return (
+            <ActiveSessionView
+                tracker={tracker}
+                activeSession={activeSession}
+                lang={lang}
+                onSessionEnd={onSessionEnd}
+                onSessionQuit={onSessionQuit}
+                onRemoveSet={onRemoveSet}
+            />
+        );
+    }
+
+    if (isSporadicMode) {
+        return <SporadicView tracker={tracker} lang={lang} />;
+    }
+
+    return <IdleView tracker={tracker} lang={lang} />;
+};
+
+export default Tracker;