107 |
108 |
188 |
189 |
190 |
3 |
21 | );
22 |
--------------------------------------------------------------------------------
/apps/frontend/components/ErrorScreen.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import { ServerErrorIllustration } from "./icons/ServerErrorIllustration";
3 | import { Logo } from "./Logo";
4 | import { Navbar } from "./Navbar";
5 |
6 | export const ErrorScreen = ({
7 | message,
8 | heading = "Server Error",
9 | }: {
10 | message?: string;
11 | heading?: string;
12 | }) => (
13 | <>
14 |
4 |
17 |
18 | {children}
19 |
20 |
15 |
19 |
16 |
18 |
20 |
58 |
59 | );
60 |
--------------------------------------------------------------------------------
/apps/frontend/components/Footer.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import { SigmaFitLogoHead } from "./icons/SigmaFitLogoHead";
3 |
4 | export const Footer = () => (
5 |
21 |
23 | {heading}
22 |
25 |
49 |
26 |
39 |
46 |
47 | {message &&
40 |
45 |
41 | Something went terribly wrong. Please allow us some time to fix
42 | it.
43 |
44 | Details: {message}
}
48 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
6 |
22 |
23 | );
24 |
--------------------------------------------------------------------------------
/apps/frontend/components/FormSingleSelectField.tsx:
--------------------------------------------------------------------------------
1 | import { ErrorMessage, useFormikContext } from "formik";
2 | import Select, { ActionMeta } from "react-select";
3 |
4 | export const FormSingleSelectFormikField = ({
5 | fieldId,
6 | fieldLabel,
7 | options,
8 | isInline,
9 | }: {
10 | fieldId: string;
11 | fieldLabel: string;
12 | options: { value: string; label: string }[];
13 | isInline?: boolean;
14 | }) => {
15 | const { values, setFieldValue, getFieldProps } = useFormikContext();
16 | const value = getFieldProps(fieldId).value;
17 |
18 | return (
19 | <>
20 |
43 | (
59 |
115 | );
116 | };
117 |
118 | export const BlockTools = ({
119 | moveHandleClassName,
120 | removeInstance,
121 | }: {
122 | removeInstance: () => void;
123 | moveHandleClassName: string;
124 | }) => {
125 | return (
126 |
49 |
55 |
56 |
60 | {
63 | setFieldValue(
64 | `${fieldPrefix}.superset_workout_schema`,
65 | newList
66 | );
67 | }}
68 | handle=".move-handle2"
69 | >
70 | {superset_schema_instance.superset_workout_schema &&
71 | superset_schema_instance.superset_workout_schema.map(
72 | (workoutSchemaInstance: any, workoutId: number) => {
73 | const workoutInstance =
74 | workoutIdToDataMap[workoutSchemaInstance.workout_id];
75 |
76 | return (
77 |
99 |
111 | )}
112 | />
113 |
114 |
78 | {
82 | supersetWorkoutSchemaArrayHelpers.remove(
83 | workoutId
84 | );
85 | }}
86 | uniqueIdPrefix={`${fieldPrefix}.superset_workout_schema.${workoutId}`}
87 | workoutInstance={workoutInstance}
88 | workoutOptions={workoutOptions}
89 | workoutSchemaInstance={workoutSchemaInstance}
90 | setIsCreateNewWorkoutModalOpenAndPassInitValue={
91 | setIsCreateNewWorkoutModalOpenAndPassInitValue
92 | }
93 | />
94 |
95 | );
96 | }
97 | )}
98 | {
101 | supersetWorkoutSchemaArrayHelpers.push({
102 | workout_id: "",
103 | default_target: [],
104 | });
105 | }}
106 | className="btn btn-xs mb-3"
107 | >
108 | Add workout to superset
109 |
110 |
127 |
143 | );
144 | };
145 |
--------------------------------------------------------------------------------
/apps/frontend/components/Forms/RenderWorkoutForm.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | XIcon,
3 | InformationCircleIcon,
4 | SupportIcon,
5 | } from "@heroicons/react/solid";
6 | import { FormSingleSelectFormikField } from "../FormSingleSelectField";
7 | import { FormSingleSelectFieldWithCreatable } from "../FormSingleSelectFieldWithCreatable";
8 | import { MoveGrabberIcon } from "../icons/MoveGrabber";
9 | import { MultiCreateInput } from "../MultiCreateInput";
10 | import { BlockTools } from "./RenderSupersetBlockForm";
11 | import {
12 | create_session_schema__workout_schema__without_order,
13 | workout_category,
14 | } from "./SessionSchemaForm";
15 |
16 | const workoutCategoryToValNeeded = (category: workout_category) => {
17 | if (category === "DISTANCE_AND_DURATION" || category === "DURATION")
18 | return "Duration (in minutes)";
19 | else return "Reps";
20 | };
21 |
22 | export const RenderWorkoutForm = ({
23 | setIsCreateNewWorkoutModalOpenAndPassInitValue,
24 | handleRemoveInstance,
25 | moveHandleClassName,
26 | uniqueIdPrefix,
27 | workoutInstance,
28 | workoutOptions,
29 | containerStyles,
30 | }: {
31 | handleRemoveInstance: () => void;
32 | workoutInstance: {
33 | id: string;
34 | category: workout_category;
35 | };
36 | workoutOptions: any;
37 | workoutSchemaInstance: create_session_schema__workout_schema__without_order;
38 | uniqueIdPrefix: string;
39 | containerStyles?: string;
40 | moveHandleClassName: string;
41 | setIsCreateNewWorkoutModalOpenAndPassInitValue: ({
42 | state,
43 | initialValue,
44 | }: {
45 | state: boolean;
46 | initialValue: string;
47 | }) => void;
48 | }) => {
49 | const targetEntity = workoutInstance
50 | ? workoutCategoryToValNeeded(workoutInstance.category)
51 | : null;
52 |
53 | return (
54 |
133 |
135 |
142 |
59 |
106 | );
107 | };
108 |
--------------------------------------------------------------------------------
/apps/frontend/components/Forms/SessionSchemaForm.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | create_session_schema__superset_schema,
3 | create_session_schema__workout_schema,
4 | WorkoutListResponse,
5 | } from "@sigmafit/commons";
6 | import { PrismaGenTypes } from "@sigmafit/commons";
7 | import { FieldArray, Form, Formik } from "formik";
8 | import { useState } from "react";
9 | import { useQuery } from "react-query";
10 | import { ReactSortable } from "react-sortablejs";
11 | import { toast } from "react-toastify";
12 | import { ErrorResponse, getAllWorkouts } from "../../api";
13 | import {
14 | CreateNewOrEditWorkoutModal,
15 | defaultInitialValues_WorkoutForm,
16 | } from "../CreateNewOrEditWorkoutModal";
17 | import { FormInputField } from "../InputField";
18 | import { RenderSupersetBlockForm } from "./RenderSupersetBlockForm";
19 | import { RenderWorkoutForm } from "./RenderWorkoutForm";
20 |
21 | export type workout_option = { label: string; value: string };
22 |
23 | export type workout_category =
24 | | "WEIGHT_AND_REPS"
25 | | "REPS"
26 | | "DISTANCE_AND_DURATION"
27 | | "DURATION";
28 |
29 | // IMP: Note that while editing we get an ID (uuid) from the server; but while adding blocks we just put Math.random() id; (This is to satisfy SortableJS)
30 |
31 | export type create_session_schema__superset_schema__without_order = Omit<
32 | create_session_schema__superset_schema,
33 | "order"
34 | >;
35 | export type create_session_schema__workout_schema__without_order = Omit<
36 | create_session_schema__workout_schema,
37 | "order"
38 | >;
39 |
40 | export type SessionSchemaFormValueType = {
41 | session_name: string;
42 | schema_blocks: (
43 | | create_session_schema__workout_schema__without_order
44 | | create_session_schema__superset_schema__without_order
45 | )[];
46 | };
47 |
48 | const SessionSchemaForm = ({
49 | initialValues,
50 | handleSubmit,
51 | waitingForServerResponse,
52 | heading,
53 | }: {
54 | initialValues: SessionSchemaFormValueType;
55 | handleSubmit: (payload: SessionSchemaFormValueType) => void;
56 | waitingForServerResponse: boolean;
57 | heading: string;
58 | }) => {
59 | const [workoutIdToDataMap, setWorkoutIdToDataMap] = useState<{
60 | [K: string]: {
61 | id: string;
62 | category: workout_category;
63 | };
64 | }>({});
65 |
66 | const [workoutOptions, setWorkouts] = useState
65 |
105 |
66 |
77 |
78 | {workoutInstance ? (
79 | <>
80 | {/* DEFAULT TARGETS */}
81 |
82 |
67 |
76 |
89 |
102 |
103 | ) : null}
104 |
90 |
101 |
110 | (
114 |
229 | )}
230 | />
231 |
232 | {isModalOpen ? (
233 |
243 | );
244 | };
245 |
246 | export default SessionSchemaForm;
247 |
--------------------------------------------------------------------------------
/apps/frontend/components/Head.tsx:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 |
3 | export const MetaHead = ({ title }: { title?: string }) => {
4 | return (
5 |
6 |
11 |
12 |
20 | );
21 |
--------------------------------------------------------------------------------
/apps/frontend/components/RenderWorkoutView.tsx:
--------------------------------------------------------------------------------
1 | export const RenderWorkoutView = ({
2 | workoutName,
3 | target,
4 | }: {
5 | workoutName: string;
6 | target: any[];
7 | }) => (
8 |
13 |
19 |
16 | 
17 |
18 |
17 |
9 | (
13 |
14 | {e}
15 |
16 | ))}
17 | />
18 |
19 | );
20 |
21 | export const DescriptionText = ({
22 | name,
23 | value,
24 | size = "small",
25 | type = "justify-between",
26 | }: {
27 | name: string;
28 | value: any;
29 | size?: "med" | "small";
30 | type?: "justify-between" | "gap-2" | "gap-1" | "justify-around";
31 | }) => (
32 |
33 |
47 | );
48 |
--------------------------------------------------------------------------------
/apps/frontend/components/RenderWorkoutsList.tsx:
--------------------------------------------------------------------------------
1 | import { DocumentIcon, PencilAltIcon, XIcon } from "@heroicons/react/solid";
2 | import { workout } from "@sigmafit/commons/dist/prismaGenTypes";
3 | import { useState } from "react";
4 | import { SigmaModal } from "./SigmaModal";
5 | import ReactMarkdown from "react-markdown";
6 |
7 | export const RenderWorkoutsList = ({
8 | workouts,
9 | handleDelete,
10 | handleEdit,
11 | }: {
12 | workouts: workout[];
13 | handleDelete?: (workout_id: string) => void;
14 | handleEdit?: (initialWorkoutValues: workout) => void;
15 | }) => {
16 | const [isNotesModalWorkoutIndex, setIsNotesModalWorkoutIndex] = useState(-1); // -1 means closed
17 |
18 | return (
19 | <>
20 | {workouts.length ? (
21 | workouts.map((workout, index: number) => {
22 | return (
23 |
39 | {name}
40 |
41 |
44 | {value}
45 |
46 |
27 |
103 | );
104 | })
105 | ) : (
106 |
28 |
74 |
75 |
29 | {/* hidden sm:block */}
30 |
37 |
31 | 
35 |
36 |
38 |
73 |
39 |
44 |
45 | Name:
40 |
41 | {workout.name.replaceAll("_", " ")}
42 |
43 |
46 |
51 |
52 | Category:
47 |
48 | {workout.category.replaceAll("_", " ")}
49 |
50 |
53 |
63 |
64 |
54 | Target Body Part:
55 |
56 |
57 | {(workout.target_body_part ?? "NO_DATA").replaceAll(
58 | "_",
59 | " "
60 | )}
61 |
62 |
65 |
72 |
66 | Intensity:
67 |
68 |
69 | {(workout.intensity ?? "NO_DATA").replaceAll("_", " ")}
70 |
71 |
76 | {handleDelete && (
77 | // TODO: shall we disable the btn once hit for sometime?
78 |
84 | )}
85 |
86 | {handleEdit && (
87 |
93 | )}
94 |
95 |
101 |
102 | No workouts found
107 | )}
108 |
109 | {isNotesModalWorkoutIndex !== -1 && workouts.length && (
110 |
115 |
139 |
116 |
126 |
127 |
117 |
124 |
118 | 
122 |
123 | {workouts[isNotesModalWorkoutIndex].name}
125 |
128 |
133 | {workouts[isNotesModalWorkoutIndex].notes
134 | ? workouts[isNotesModalWorkoutIndex].notes
135 | : "No Data"}
136 |
137 |
138 | 129 | Notes & Instructions 130 |
131 | 132 |
28 |
92 |
93 | {initialValues.state === "PRIVATE" ? (
94 |
115 | ) : null}
116 |
117 |
118 | {/* Print all workout blocks */}
119 | {initialValues.schema_blocks.map((e, indx) => {
120 | return (
121 |
29 |
51 |
52 | {/* print schema name */}
53 |
54 | Workout Routine
30 | 31 | {/* If public then show a btn to clone */} 32 | {initialValues.state === "PRIVATE" ? ( 33 | 34 |
35 |
38 |
39 | ) : initialValues.state === "PUBLIC" ? (
40 |
41 |
45 |
46 | ) : null}
47 | {/* If pvt then show a btn to edit */}
48 |
49 | {/* If in review then show a in review btn */}
50 |
55 |
79 | {initialValues.state}
80 |
81 | }
82 | size="med"
83 | />
84 | {initialValues.state === "PUBLIC" ? (
85 |
122 | {"workout_id" in e ? (
123 | // workout instance
124 |
145 | );
146 | })}
147 |
148 | );
149 | };
150 |
--------------------------------------------------------------------------------
/apps/frontend/components/SigmaModal.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export const SigmaModal: React.FC<{
4 | children: JSX.Element | JSX.Element[];
5 | isOpen: boolean;
6 | setIsOpen: (newValue: boolean) => void;
7 | }> = ({ children, isOpen, setIsOpen }) => {
8 | if (isOpen) {
9 | return (
10 | <>
11 |
131 |
143 | )}
144 |
134 | {e.superset_workout_schema.map((f, index) => (
135 |
142 |
12 |
24 |
25 | );
26 | }
27 | return null;
28 | };
29 |
--------------------------------------------------------------------------------
/apps/frontend/components/TimeSpentChart.tsx:
--------------------------------------------------------------------------------
1 | import { Insights_TimeSpent_Response } from "@sigmafit/commons";
2 | import {
3 | Chart as ChartJS,
4 | CategoryScale,
5 | LinearScale,
6 | PointElement,
7 | LineElement,
8 | Title,
9 | Tooltip,
10 | Legend,
11 | TimeScale,
12 | BarElement,
13 | TimeSeriesScale,
14 | ArcElement,
15 | RadialLinearScale,
16 | LineController,
17 | } from "chart.js";
18 | import { Chart } from "react-chartjs-2";
19 |
20 | import { useQuery } from "react-query";
21 | import { ErrorResponse, getTimeSpentInsights } from "../api";
22 | import "chartjs-adapter-date-fns";
23 |
24 | ChartJS.register(
25 | LinearScale,
26 | PointElement,
27 | LineElement,
28 | Title,
29 | Tooltip,
30 | Legend,
31 | TimeScale,
32 | LineController
33 | );
34 |
35 | // Only for duration
36 | export const TimeSpentChart = ({ height }: { height: number }) => {
37 | const { data: timeSpentData, isLoading } = useQuery<
38 | Insights_TimeSpent_Response,
39 | ErrorResponse
40 | >("getTimeSpentInsights", getTimeSpentInsights);
41 | const month = [
42 | "January",
43 | "February",
44 | "March",
45 | "April",
46 | "May",
47 | "June",
48 | "July",
49 | "August",
50 | "September",
51 | "October",
52 | "November",
53 | "December",
54 | ];
55 | return (
56 | <>
57 | {isLoading || !timeSpentData ? (
58 |
13 |
23 | {
15 | setIsOpen(false);
16 | }}
17 | className="btn btn-sm btn-circle absolute right-2 top-2"
18 | >
19 | ✕
20 |
21 | {children}
22 | Loading...
59 | ) : (
60 |
61 | {
66 | const date = new Date(e.startTime);
67 | return date;
68 | }),
69 | datasets: [
70 | {
71 | data: timeSpentData.dataPoints.map((e) => e.duration), // in minutes
72 | cubicInterpolationMode: "monotone",
73 | borderColor: "#2563eb",
74 | },
75 | ],
76 | }}
77 | options={{
78 | responsive: true,
79 | maintainAspectRatio: false,
80 | plugins: {
81 | tooltip: {
82 | callbacks: {
83 | title: function (this, tooltipItem) {
84 | return `Session Name: ${
85 | timeSpentData.dataPoints[tooltipItem[0].dataIndex]
86 | .session_name
87 | }`;
88 | },
89 | label(this, tooltipItem) {
90 | return `Session Length: ${
91 | timeSpentData.dataPoints[tooltipItem.dataIndex].duration
92 | } minutes`;
93 | },
94 | },
95 | },
96 | legend: {
97 | display: false,
98 | },
99 | },
100 |
101 | scales: {
102 | x: {
103 | type: "time",
104 | time: {
105 | unit: "day",
106 | },
107 | title: {
108 | display: false,
109 | },
110 | },
111 | y: {
112 | beginAtZero: true,
113 | },
114 | },
115 | }}
116 | />
117 |
118 | )}
119 |
120 | );
121 | };
122 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/AnalyticsIcon.tsx:
--------------------------------------------------------------------------------
1 | export const AnalyticsIcon = ({ className }: { className: string }) => (
2 |
12 | );
13 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/CustomXIcon.tsx:
--------------------------------------------------------------------------------
1 | export const CustomXIcon = ({ className }: { className: string }) => (
2 |
12 | );
13 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/DashboardIcon.tsx:
--------------------------------------------------------------------------------
1 | export const DashboardIcon = ({ className }: { className: string }) => (
2 |
13 | );
14 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/GitHubIcon.tsx:
--------------------------------------------------------------------------------
1 | export const GitHubIcon = () => (
2 |
5 | );
6 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/GoogleIcon.tsx:
--------------------------------------------------------------------------------
1 | export const GoogleIcon = () => (
2 |
25 | );
26 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/MoveGrabber.tsx:
--------------------------------------------------------------------------------
1 | export const MoveGrabberIcon = ({ className }: { className: string }) => {
2 | return (
3 | <>
4 |
20 |
21 | );
22 | };
23 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/SigmaFitLogoHead.tsx:
--------------------------------------------------------------------------------
1 | export function SigmaFitLogoHead() {
2 | return (
3 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/TopWorkoutRoutinesIcon.tsx:
--------------------------------------------------------------------------------
1 | export const TopWorkoutRoutinesIcon = ({
2 | className,
3 | }: {
4 | className: string;
5 | }) => (
6 |
88 | );
89 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/TwitterIcon.tsx:
--------------------------------------------------------------------------------
1 | export const TwitterIcon = () => (
2 |
8 | );
9 |
--------------------------------------------------------------------------------
/apps/frontend/components/icons/WorkoutIcon.tsx:
--------------------------------------------------------------------------------
1 | export const WorkoutIcon = ({ className }: { className: string }) => (
2 |
37 | );
38 |
--------------------------------------------------------------------------------
/apps/frontend/hooks/useScript.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | // Credits: https://usehooks.com/useScript/
4 |
5 | export function useScript(src: string) {
6 | // Keep track of script status ("idle", "loading", "ready", "error")
7 | const [status, setStatus] = useState(src ? "loading" : "idle");
8 | useEffect(
9 | () => {
10 | // Allow falsy src value if waiting on other data needed for
11 | // constructing the script URL passed to this hook.
12 | if (!src) {
13 | setStatus("idle");
14 | return;
15 | }
16 | // Fetch existing script element by src
17 | // It may have been added by another instance of this hook
18 | let script: any = document.querySelector(`script[src="${src}"]`); // TODO: remove any
19 | if (!script) {
20 | // Create script
21 | script = document.createElement("script");
22 | script.src = src;
23 | script.async = true;
24 | script.setAttribute("data-status", "loading");
25 | // Add script to document body
26 | document.body.appendChild(script);
27 | // Store status in attribute on script
28 | // This can be read by other instances of this hook
29 | const setAttributeFromEvent = (event: any) => {
30 | script.setAttribute(
31 | "data-status",
32 | event.type === "load" ? "ready" : "error"
33 | );
34 | };
35 | script.addEventListener("load", setAttributeFromEvent);
36 | script.addEventListener("error", setAttributeFromEvent);
37 | } else {
38 | // Grab existing script status from attribute and set to state.
39 | setStatus(script.getAttribute("data-status"));
40 | }
41 | // Script event handler to update status in state
42 | // Note: Even if the script already exists we still need to add
43 | // event handlers to update the state for *this* hook instance.
44 | const setStateFromEvent = (event: any) => {
45 | setStatus(event.type === "load" ? "ready" : "error");
46 | };
47 | // Add event listeners
48 | script.addEventListener("load", setStateFromEvent);
49 | script.addEventListener("error", setStateFromEvent);
50 | // Remove event listeners on cleanup
51 | return () => {
52 | if (script) {
53 | script.removeEventListener("load", setStateFromEvent);
54 | script.removeEventListener("error", setStateFromEvent);
55 | }
56 | };
57 | },
58 | [src] // Only re-run effect if script src changes
59 | );
60 | return status;
61 | }
62 |
--------------------------------------------------------------------------------
/apps/frontend/hooks/withAuthHOC.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import React, { PropsWithChildren } from "react";
3 | import { useQuery } from "react-query";
4 | import { useGetCurrentUserQuery } from "../api";
5 | import { ErrorScreen } from "../components/ErrorScreen";
6 |
7 | export const withAuthHOC = (WrappedComponent: any): React.FC
11 |
64 | );
65 | };
66 |
67 | export default witNoAuthHOC(Welcome);
68 |
--------------------------------------------------------------------------------
/apps/frontend/pages/index.tsx:
--------------------------------------------------------------------------------
1 | import { NextPage } from "next";
2 | import Link from "next/link";
3 | import { useGetCurrentUserQuery } from "../api";
4 | import { MetaHead } from "../components/Head";
5 | import { Navbar } from "../components/Navbar";
6 | import { witNoAuthHOC } from "../hooks/withNoAuthHOC";
7 | import { PhoneMock } from "../components/PhoneMock";
8 | import { Footer } from "../components/Footer";
9 |
10 | const Home: NextPage = () => {
11 | const { isError, isLoading, data } = useGetCurrentUserQuery();
12 |
13 | return (
14 |
14 |
63 |
15 |
17 |
18 |
20 |
21 | Welcome Warriors!
19 |
22 | Unleash the{" "}
23 |
24 | true power
25 | {" "}
26 | of this platform by logging in:
27 |
28 |
29 |
30 |
62 | (window.location.href = `/api/auth/google/start`)}
32 | className="bg-white h-fit text-black hover:text-white btn rounded-md shadow-xl py-3 flex justify-center items-center gap-2"
33 | >
34 |
35 |
39 | (window.location.href = `/api/auth/github/start`)}
41 | className="bg-white h-fit text-black hover:text-white btn rounded-md shadow-xl py-3 hover:fill-white flex justify-center items-center gap-2"
42 | >
43 |
44 |
48 | (window.location.href = `/api/auth/twitter/start`)}
50 | className="bg-white h-fit text-black hover:text-white btn rounded-md shadow-xl py-3 hover:fill-white flex justify-center items-center gap-2"
51 | >
52 |
53 |
57 |
58 |
59 | By logging in you accept our Privacy Policy and Terms of Service.
60 |
61 |
15 |
156 | );
157 | };
158 | export default witNoAuthHOC(Home);
159 |
--------------------------------------------------------------------------------
/apps/frontend/pages/profile.tsx:
--------------------------------------------------------------------------------
1 | import { CheckIcon, XIcon } from "@heroicons/react/solid";
2 | import { user } from "@sigmafit/commons/dist/prismaGenTypes";
3 | import { useQuery } from "react-query";
4 | import { ErrorResponse, getUserProfile, useGetCurrentUserQuery } from "../api";
5 | import { Footer } from "../components/Footer";
6 | import { MetaHead } from "../components/Head";
7 | import { Navbar } from "../components/Navbar";
8 | import { withAuthHOC } from "../hooks/withAuthHOC";
9 | import { DescriptionText } from "../components/RenderWorkoutView";
10 |
11 | const Profile = () => {
12 | const { data, isLoading } = useQuery
18 |
153 |
154 |
155 |
21 |
53 |
54 |
22 |
43 |
44 | 23 | Workout tracking made easy. 24 |
25 |26 | Track your progress at gym hassle free. And use our personalized 27 | insights to improve your fitness journey. 28 |
29 | {!isLoading && data?.is_logged_in ? ( 30 | 31 | 34 | 35 | ) : ( 36 | 37 | 40 | 41 | )} 42 |
45 |
46 |
52 |
47 |
51 |
48 | 
49 |
50 |
49 |
55 |
152 |
56 |
70 |
71 |
57 |
66 | 58 | Track Everything 59 |
60 |
61 | Log all your workouts on SigmaFit. It's simpler and more rugged
62 | than any notebook out there. It will help you with the planning,
63 | execution and tracking of progress.
64 |
65 |
67 |
69 |
72 |
84 |
85 |
73 |
75 |
76 |
83 | Wide support
77 |
78 | SigmaFit lets you log the thing you want to track. You can track
79 | distance, duration, weight, reps, and anything based on your
80 | workout requirements.
81 |
82 |
86 |
105 |
106 |
87 |
97 | 88 | Fully customizable 89 |
90 |
91 | In SigmaFit, it's super easy to get started with community
92 | Training Routines. If you have a custom workout plan, you can
93 | create that too. SigmaFit is super customizable, and creating a
94 | training routine is a cakewalk.
95 |
96 |
98 |
104 |
107 |
119 |
120 |
108 |
110 |
111 |
118 | Record History
112 |
113 | Personal Records are not just any numbers. They're very special
114 | for every athlete out there. SigmaFit keeps track of it and
115 | provides extra motivation to make it even bigger!
116 |
117 |
121 |
135 |
136 |
122 |
130 |
131 | 123 | Sharing is caring 124 |
125 |
126 | If you've created a training routine you're particularly proud
127 | of, you can share it with the community and friends.
128 |
129 |
132 |
134 |
137 |
151 |
138 | 
139 |
140 |
141 |
139 |
142 |
150 | 143 | Available on all devices 144 |
145 |
146 | SigmaFit is a progressive web app. You can run it on any browser
147 | environment. It takes lesser resources and blazingly fast.
148 |
149 |
19 |
113 | );
114 | };
115 |
116 | export default withAuthHOC(Profile);
117 |
--------------------------------------------------------------------------------
/apps/frontend/pages/sessionSchema/[id]/clone.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import { useMutation, useQuery } from "react-query";
3 | import { toast } from "react-toastify";
4 | import {
5 | addNewSessionSchema,
6 | ErrorResponse,
7 | getSessionSchemaDetails,
8 | } from "../../../api";
9 | import { MetaHead } from "../../../components/Head";
10 | import { Navbar } from "../../../components/Navbar";
11 | import SessionSchemaForm, {
12 | SessionSchemaFormValueType,
13 | } from "../../../components/Forms/SessionSchemaForm";
14 | import {
15 | SessionSchemaCreateRequest,
16 | SessionSchemaCreateResponse,
17 | SessionSchemaDetailsResponse,
18 | } from "@sigmafit/commons";
19 | import { withAuthHOC } from "../../../hooks/withAuthHOC";
20 | import { Footer } from "../../../components/Footer";
21 |
22 | const SessionSchemaClone = () => {
23 | const router = useRouter();
24 | const { id } = router.query;
25 |
26 | const { isLoading, data } = useQuery<
27 | SessionSchemaDetailsResponse,
28 | ErrorResponse
29 | >(
30 | ["getSessionSchemaDetails", id],
31 | () => getSessionSchemaDetails(id as string),
32 | {
33 | enabled: !!id,
34 | onSettled: (data, error) => {
35 | if (error) toast(error.message, { type: "error" });
36 | },
37 | }
38 | );
39 |
40 | const { mutate } = useMutation<
41 | SessionSchemaCreateResponse,
42 | ErrorResponse,
43 | SessionSchemaCreateRequest
44 | >("addNewSessionSchema", addNewSessionSchema, {
45 | onSettled(data, error) {
46 | if (error) {
47 | toast(error.message, { type: "error" });
48 | } else if (data) {
49 | toast("successfully cloned the workout routine");
50 | router.push("/dash");
51 | }
52 | },
53 | });
54 |
55 | const handleSubmit = (payload: SessionSchemaFormValueType) => {
56 | mutate({
57 | session_name: payload.session_name,
58 | schema_blocks: payload.schema_blocks.map((block, indx) => {
59 | if ("workout_id" in block) {
60 | return { ...block, order: indx };
61 | } else {
62 | return {
63 | ...block,
64 | superset_workout_schema: block.superset_workout_schema.map(
65 | (workout, indx) => {
66 | return { ...workout, order: indx };
67 | }
68 | ),
69 | order: indx,
70 | };
71 | }
72 | }),
73 | });
74 | };
75 |
76 | return (
77 |
23 | {isLoading || !data ? (
24 |
110 |
111 |
112 | Loading
25 | ) : (
26 |
27 |
108 | )}
109 |
28 |
30 | Profile
29 |
31 |
40 |
41 |
32 | 
33 |
34 |
33 |
35 |
39 |
36 | 
37 |
38 |
42 |
107 |
78 |
97 | );
98 | };
99 |
100 | export default withAuthHOC(SessionSchemaClone);
101 |
--------------------------------------------------------------------------------
/apps/frontend/pages/sessionSchema/[id]/edit.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import { useQuery } from "react-query";
3 | import { toast } from "react-toastify";
4 | import { ErrorResponse, getSessionSchemaDetails } from "../../../api";
5 | import { MetaHead } from "../../../components/Head";
6 | import { Navbar } from "../../../components/Navbar";
7 | import SessionSchemaForm, {
8 | SessionSchemaFormValueType,
9 | } from "../../../components/Forms/SessionSchemaForm";
10 | import { SessionSchemaDetailsResponse } from "@sigmafit/commons";
11 | import { withAuthHOC } from "../../../hooks/withAuthHOC";
12 | import { Footer } from "../../../components/Footer";
13 |
14 | // TODO: Currently we're using it as a way to show the data; editing is not allowed for now
15 | const SessionSchemaEdit = () => {
16 | const router = useRouter();
17 | const { id } = router.query;
18 |
19 | const { isLoading, data } = useQuery<
20 | SessionSchemaDetailsResponse,
21 | ErrorResponse
22 | >(
23 | ["getSessionSchemaDetails", id],
24 | () => getSessionSchemaDetails(id as string),
25 | {
26 | enabled: !!id,
27 | onSettled: (data, error) => {
28 | if (error) toast(error.message, { type: "error" });
29 | },
30 | }
31 | );
32 |
33 | const handleSubmit = (payload: SessionSchemaFormValueType) => {
34 | toast("Editing form is currently disabled..", { type: "error" });
35 | };
36 |
37 | return (
38 |
80 |
96 |
83 | {isLoading || !data ? (
84 |
94 |
95 | Loading...
85 | ) : (
86 |
39 |
59 | );
60 | };
61 |
62 | export default withAuthHOC(SessionSchemaEdit);
63 |
--------------------------------------------------------------------------------
/apps/frontend/pages/sessionSchema/[id]/view.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import { useQuery } from "react-query";
3 | import { toast } from "react-toastify";
4 | import { ErrorResponse, getSessionSchemaDetails } from "../../../api";
5 | import { MetaHead } from "../../../components/Head";
6 | import { Navbar } from "../../../components/Navbar";
7 | import { SessionSchemaFormValueType } from "../../../components/Forms/SessionSchemaForm";
8 | import { SessionSchemaDetailsResponse } from "@sigmafit/commons";
9 | import { withAuthHOC } from "../../../hooks/withAuthHOC";
10 | import { Footer } from "../../../components/Footer";
11 | import { SessionSchemaView } from "../../../components/SessionSchemaView";
12 |
13 | // TODO: Currently we're using it as a way to show the data; editing is not allowed for now
14 | const SessionSchemaEdit = () => {
15 | const router = useRouter();
16 |
17 | const { id } = router.query;
18 |
19 | const { isLoading, data } = useQuery<
20 | SessionSchemaDetailsResponse,
21 | ErrorResponse
22 | >(
23 | ["getSessionSchemaDetails", id],
24 | () => getSessionSchemaDetails(id as string),
25 | {
26 | enabled: !!id,
27 | onSettled: (_, error) => {
28 | if (error) toast(error.message, { type: "error" });
29 | },
30 | }
31 | );
32 |
33 | const handleSubmit = (payload: SessionSchemaFormValueType) => {
34 | toast("Editing form is currently disabled..", { type: "error" });
35 | };
36 |
37 | return (
38 |
41 |
58 |
44 | {isLoading || !data ? (
45 |
55 |
56 |
57 | Loading...
46 | ) : (
47 |
39 |
59 | );
60 | };
61 |
62 | export default withAuthHOC(SessionSchemaEdit);
63 |
--------------------------------------------------------------------------------
/apps/frontend/pages/sessionSchema/new.tsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import { useMutation } from "react-query";
3 | import { toast } from "react-toastify";
4 | import { addNewSessionSchema, ErrorResponse } from "../../api";
5 | import { MetaHead } from "../../components/Head";
6 | import { Navbar } from "../../components/Navbar";
7 | import SessionSchemaForm, {
8 | SessionSchemaFormValueType,
9 | } from "../../components/Forms/SessionSchemaForm";
10 | import { SessionSchemaCreateRequest } from "@sigmafit/commons";
11 | import { withAuthHOC } from "../../hooks/withAuthHOC";
12 | import { Footer } from "../../components/Footer";
13 |
14 | const AddSessionSchema = () => {
15 | const {
16 | isLoading: waitingForServerResponse,
17 | mutate,
18 | error,
19 | data,
20 | } = useMutation
44 | {isLoading || !data ? (
45 |
56 |
57 |
58 | Loading...
46 | ) : (
47 |
65 |
83 | );
84 | };
85 |
86 | export default withAuthHOC(AddSessionSchema);
87 |
--------------------------------------------------------------------------------
/apps/frontend/pages/sessionSchema/top.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | ArrowLeftIcon,
3 | ArrowRightIcon,
4 | ClipboardCopyIcon,
5 | ShareIcon,
6 | ThumbUpIcon,
7 | } from "@heroicons/react/solid";
8 | import {
9 | SessionSchemaVoteRequest,
10 | SessionSchemaVoteResponse,
11 | SessionSchema_Top_Request,
12 | SessionSchema_Top_Response,
13 | } from "@sigmafit/commons";
14 | import Link from "next/link";
15 | import { useState } from "react";
16 | import { useMutation, useQuery, useQueryClient } from "react-query";
17 | import { toast } from "react-toastify";
18 | import {
19 | ErrorResponse,
20 | getTopSessionSchema,
21 | voteASessionSchema,
22 | } from "../../api";
23 | import { Footer } from "../../components/Footer";
24 | import { MetaHead } from "../../components/Head";
25 | import { Navbar } from "../../components/Navbar";
26 | import { withAuthHOC } from "../../hooks/withAuthHOC";
27 | import { DescriptionText } from "../../components/RenderWorkoutView";
28 |
29 | const TopSessionSchema = () => {
30 | const [cursorIdArr, setCursorIdArr] = useState<
31 | SessionSchema_Top_Request["cursor_id"][]
32 | >([null]);
33 | const [currentPageIndex, setCurrentPageIndex] = useState(0);
34 |
35 | const { isLoading, data } = useQuery<
36 | SessionSchema_Top_Response,
37 | ErrorResponse
38 | >(["getTopSessionSchema", cursorIdArr[currentPageIndex]], () =>
39 | getTopSessionSchema({ cursor_id: cursorIdArr[currentPageIndex] })
40 | );
41 |
42 | const client = useQueryClient();
43 | const {
44 | mutate,
45 | isLoading: waitingForServerResponseForVote,
46 | variables,
47 | } = useMutation<
48 | SessionSchemaVoteResponse,
49 | ErrorResponse,
50 | SessionSchemaVoteRequest
51 | >("voteASessionSchema", voteASessionSchema, {
52 | onSuccess: () => {
53 | client.refetchQueries("getTopSessionSchema");
54 | },
55 | });
56 |
57 | return (
58 |
67 |
82 |
69 |
79 |
80 |
81 |
59 |
178 | );
179 | };
180 |
181 | export default withAuthHOC(TopSessionSchema);
182 |
--------------------------------------------------------------------------------
/apps/frontend/pages/workout/index.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | WorkoutListResponse,
3 | Workout_Delete_Response,
4 | } from "@sigmafit/commons";
5 | import { useState } from "react";
6 | import { useMutation, useQuery, useQueryClient } from "react-query";
7 | import { toast } from "react-toastify";
8 | import { deleteWorkout, ErrorResponse, getAllWorkouts } from "../../api";
9 | import {
10 | CreateNewOrEditWorkoutModal,
11 | defaultInitialValues_WorkoutForm,
12 | } from "../../components/CreateNewOrEditWorkoutModal";
13 | import { MetaHead } from "../../components/Head";
14 | import { Navbar } from "../../components/Navbar";
15 | import { withAuthHOC } from "../../hooks/withAuthHOC";
16 | import { Footer } from "../../components/Footer";
17 | import { RenderWorkoutsList } from "../../components/RenderWorkoutsList";
18 |
19 | const Workouts = () => {
20 | const { data, isLoading } = useQuery
63 |
175 |
176 |
177 | Top workout routines
64 | 65 | {isLoading || !data ? ( 66 |Loading..
67 | ) : data.results.length ? (
68 |
69 | {data.results.map((e) => {
70 | const isVoted = e.session_schema_vote_by_user.length;
71 | return (
72 |
171 | ) : (
172 |
73 | {/* have a card to show top workouts */}
74 |
75 |
143 | );
144 | })}
145 |
146 |
76 |
77 |
142 |
78 | {e.name}
79 |
80 |
81 |
103 |
122 |
141 | {
125 | toast("Link successfully copied to clipboard", {
126 | type: "info",
127 | });
128 | const link = `${window.location.origin}/sessionSchema/${e.id}/view`;
129 | navigator.clipboard.writeText(link);
130 | }}
131 | >
132 |
134 |
135 |
136 |
139 |
140 |
147 |
158 |
169 |
170 | No data
173 | )}
174 |
69 |
132 | );
133 | };
134 |
135 | export default withAuthHOC(Workouts);
136 |
--------------------------------------------------------------------------------
/apps/frontend/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | };
7 |
--------------------------------------------------------------------------------
/apps/frontend/public/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
73 | {
93 | if (
94 | confirm(
95 | "Are you sure you want to delete? This action is irreversible."
96 | )
97 | ) {
98 | mutate(workout_id);
99 | }
100 | }}
101 | workouts={data.myWorkouts}
102 | handleEdit={(workout) => {
103 | setWorkoutInitialData({
104 | initialValues: {
105 | category: workout.category ?? "",
106 | intensity: workout.intensity ?? "",
107 | name: workout.name ?? "",
108 | target_body_part: workout.target_body_part ?? "",
109 | notes: workout.notes ?? "",
110 | workout_image_url: workout.workout_image_url ?? "",
111 | },
112 | existingWorkoutId: workout.id,
113 | });
114 | setIsModalOpen(true);
115 | }}
116 | />
117 | ) : null}
118 |
119 |
123 |
124 | My workouts
74 | 86 | 87 | {isLoading && ( 88 |Loading workouts...
89 | )}
90 | {data ? (
91 |