refactored component names
This commit is contained in:
@@ -1,15 +1,15 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { api, BASE_URL } from "./api/client";
|
import { api, BASE_URL } from "./api/client";
|
||||||
import "./App.css";
|
import "./App.css";
|
||||||
import { Dashboard } from "./pages/Dashboard";
|
import { Activities } from "./pages/Activities";
|
||||||
|
import { Analysis } from "./pages/Analysis";
|
||||||
import { Plan } from "./pages/Plan";
|
import { Plan } from "./pages/Plan";
|
||||||
import { Profile } from "./pages/Profile";
|
import { Profile } from "./pages/Profile";
|
||||||
import { ReviewQueue } from "./pages/ReviewQueue";
|
|
||||||
import type { SessionInfo } from "./types/api";
|
import type { SessionInfo } from "./types/api";
|
||||||
|
|
||||||
const TABS = [
|
const TABS = [
|
||||||
{ key: "activities", label: "Activities", icon: "☰", Component: ReviewQueue },
|
{ key: "activities", label: "Activities", icon: "☰", Component: Activities },
|
||||||
{ key: "dashboard", label: "Progression", icon: "↗", Component: Dashboard },
|
{ key: "analysis", label: "Analysis", icon: "🔍", Component: Analysis },
|
||||||
{ key: "plan", label: "Training plan", icon: "✎", Component: Plan },
|
{ key: "plan", label: "Training plan", icon: "✎", Component: Plan },
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
@@ -19,7 +19,7 @@ function App({ session }: { session: SessionInfo }) {
|
|||||||
const [tab, setTab] = useState<TabKey>("activities");
|
const [tab, setTab] = useState<TabKey>("activities");
|
||||||
// Profile isn't a tab: it's reached via the profile name in the top-right
|
// Profile isn't a tab: it's reached via the profile name in the top-right
|
||||||
// corner instead, since (for now, single-profile) it's account settings,
|
// corner instead, since (for now, single-profile) it's account settings,
|
||||||
// not a content view alongside Activities/Progression/Training plan.
|
// not a content view alongside Activities/Analysis/Training plan.
|
||||||
const [showProfile, setShowProfile] = useState(false);
|
const [showProfile, setShowProfile] = useState(false);
|
||||||
const [profileName, setProfileName] = useState<string | null>(null);
|
const [profileName, setProfileName] = useState<string | null>(null);
|
||||||
|
|
||||||
|
|||||||
@@ -155,7 +155,7 @@ function matchesFilter(item: ReviewQueueItem, filter: string): boolean {
|
|||||||
return item.WorkoutKindID === Number(filter);
|
return item.WorkoutKindID === Number(filter);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function ReviewQueue() {
|
export function Activities() {
|
||||||
const [items, setItems] = useState<ReviewQueueItem[]>([]);
|
const [items, setItems] = useState<ReviewQueueItem[]>([]);
|
||||||
const [grandTotal, setGrandTotal] = useState(0); // unfiltered count, for the "All" pill
|
const [grandTotal, setGrandTotal] = useState(0); // unfiltered count, for the "All" pill
|
||||||
const [nextCursor, setNextCursor] = useState<string | null>(null);
|
const [nextCursor, setNextCursor] = useState<string | null>(null);
|
||||||
@@ -12,7 +12,7 @@ const METRICS: { key: ProgressionMetric; label: string }[] = [
|
|||||||
{ key: "efficiency_factor", label: "Efficiency Factor" },
|
{ key: "efficiency_factor", label: "Efficiency Factor" },
|
||||||
];
|
];
|
||||||
|
|
||||||
export function Dashboard() {
|
export function Analysis() {
|
||||||
const [kinds, setKinds] = useState<WorkoutKind[]>([]);
|
const [kinds, setKinds] = useState<WorkoutKind[]>([]);
|
||||||
const [selectedKindId, setSelectedKindId] = useState<number | null>(null);
|
const [selectedKindId, setSelectedKindId] = useState<number | null>(null);
|
||||||
const [metric, setMetric] = useState<ProgressionMetric>("pace");
|
const [metric, setMetric] = useState<ProgressionMetric>("pace");
|
||||||
Reference in New Issue
Block a user