@wger-project/react-components 25.10.16

package/src/components/Exercises/Detail/ExerciseDetails.test.tsx

@@ -0,0 +1,88 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { act, render, screen } from '@testing-library/react';
+import { useLanguageQuery } from "components/Exercises/queries";
+import { usePermissionQuery } from "components/User/queries/permission";
+import { useProfileQuery } from "components/User/queries/profile";
+import React from 'react';
+import { MemoryRouter, Route, Routes } from 'react-router';
+import { getExercise, getExercisesForVariation, getLanguageByShortName, getLanguages } from "services";
+import {
+    testExerciseCrunches,
+    testExerciseCurls,
+    testExerciseSquats,
+    testLanguageEnglish,
+    testLanguages
+} from "tests/exerciseTestdata";
+import { testProfileDataVerified } from "tests/userTestdata";
+import { ExerciseDetails } from './ExerciseDetails';
+
+jest.mock("services");
+jest.mock("components/Exercises/queries");
+jest.mock("components/User/queries/profile");
+jest.mock("components/User/queries/permission");
+
+const queryClient = new QueryClient();
+
+describe("Render tests", () => {
+
+    beforeEach(() => {
+        (getExercise as jest.Mock).mockImplementation(() => Promise.resolve(testExerciseSquats));
+        (getExercisesForVariation as jest.Mock).mockImplementation(() => Promise.resolve(
+            [
+                testExerciseCurls,
+                testExerciseCrunches
+            ]
+        ));
+        (getLanguageByShortName as jest.Mock).mockImplementation(() => Promise.resolve(testLanguageEnglish));
+        (getLanguages as jest.Mock).mockImplementation(() => Promise.resolve(testLanguages));
+        (useProfileQuery as jest.Mock).mockImplementation(() => Promise.resolve({
+            isSuccess: true,
+            data: testProfileDataVerified
+        }));
+        (usePermissionQuery as jest.Mock).mockImplementation(() => ({
+            isSuccess: true,
+            data: true
+        }));
+        (useLanguageQuery as jest.Mock).mockImplementation(() => ({
+            isLoading: false,
+            isSuccess: true,
+            isError: false,
+            data: testLanguages
+        }));
+    });
+
+    test('should render the exercise to screen', async () => {
+
+        render(
+            <QueryClientProvider client={queryClient}>
+                <MemoryRouter initialEntries={['/exercises/9']}>
+                    <Routes>
+                        <Route path="exercises/:exerciseId" element={<ExerciseDetails />} />
+                    </Routes>
+                </MemoryRouter>
+            </QueryClientProvider>
+        );
+
+        await act(async () => {
+            await new Promise((r) => setTimeout(r, 20));
+        });
+
+        expect(useLanguageQuery).toHaveBeenCalled();
+        expect(usePermissionQuery).toHaveBeenCalled();
+        expect(useProfileQuery).toHaveBeenCalled();
+        expect(getExercise).toHaveBeenCalled();
+        expect(getExercisesForVariation).toHaveBeenCalled();
+
+        expect(screen.getByText("exercises.description")).toBeInTheDocument();
+        expect(screen.getByText("Squats")).toBeInTheDocument();
+
+        expect(screen.getByText("Biggus musculus (Big muscle)")).toBeInTheDocument();
+        expect(screen.getByText('Rectus abdominis (Abs)')).toBeInTheDocument();
+
+        // Header is only shown for exercises that have variations
+
+        // TODO: commented out because for some reason this fails on githubs CI, but not locally
+        // expect(screen.queryByText('exercises.variations')).not.toBeInTheDocument();
+        // expect(screen.getByText("VIEW")).toBeInTheDocument();
+    });
+});

package/src/components/Exercises/Detail/ExerciseDetails.tsx

@@ -0,0 +1,119 @@
+import { Box, Container } from "@mui/material";
+import { useQuery } from "@tanstack/react-query";
+import { LoadingWidget } from "components/Core/LoadingWidget/LoadingWidget";
+import { ExerciseDetailEdit } from "components/Exercises/Detail/ExerciseDetailEdit";
+import { ExerciseDetailView } from "components/Exercises/Detail/ExerciseDetailView";
+import { Language } from "components/Exercises/models/language";
+import { useLanguageQuery } from "components/Exercises/queries";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate, useParams } from "react-router-dom";
+import { getExercise, getExercisesForVariation, getLanguageByShortName, } from "services";
+import { ENGLISH_LANGUAGE_OBJ, QUERY_EXERCISE_DETAIL, QUERY_EXERCISE_VARIATIONS, } from "utils/consts";
+import { Head } from "./Head";
+
+export const PaddingBox = () => {
+    return <Box sx={{ height: 20 }} />;
+};
+
+export const ExerciseDetails = () => {
+    const [language, setLanguage] = useState<Language>(ENGLISH_LANGUAGE_OBJ);
+    const [editMode, setEditMode] = useState<boolean>(false);
+    const { i18n } = useTranslation();
+    const navigate = useNavigate();
+    const languageQuery = useLanguageQuery();
+
+    const params = useParams<{ exerciseId: string }>();
+    const exerciseId = parseInt(params.exerciseId ?? '');
+    if (Number.isNaN(exerciseId)) {
+        return <p>Please pass an integer as the exercise id.</p>;
+    }
+
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const exerciseQuery = useQuery({
+        queryKey: [QUERY_EXERCISE_DETAIL, exerciseId],
+        queryFn: () => getExercise(exerciseId),
+        enabled: languageQuery.isSuccess,
+    });
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const variationsQuery = useQuery({
+        queryKey: [QUERY_EXERCISE_VARIATIONS, exerciseQuery.data?.variationId],
+        queryFn: () => getExercisesForVariation(exerciseQuery.data?.variationId),
+        enabled: exerciseQuery.isSuccess
+    });
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React.useEffect(() => {
+        if (languageQuery.data === undefined) {
+            return;
+        }
+
+        // Set the currently selected language
+        const currentUserLanguage = getLanguageByShortName(
+            i18n.language,
+            languageQuery.data!
+        );
+        setLanguage(currentUserLanguage!);
+    }, [languageQuery.data]);
+
+    if (exerciseQuery.isError || languageQuery.isError || variationsQuery.isError) {
+        navigate("/not-found");
+        return null;
+    }
+
+    const changeUserLanguage = (lang: Language) => {
+        const language = getLanguageByShortName(
+            lang.nameShort,
+            languageQuery.data!
+        );
+        if (language !== undefined) {
+            setLanguage(language);
+        }
+    };
+
+    const variations = variationsQuery.isSuccess
+        ? variationsQuery.data!.filter((b) => b.id !== exerciseId)
+        : [];
+
+    let out;
+    if (exerciseQuery.isSuccess && languageQuery.isSuccess) {
+        out = editMode
+            ? <ExerciseDetailEdit
+                exerciseId={exerciseQuery.data.id!}
+                language={language!} />
+            : <ExerciseDetailView
+                exercise={exerciseQuery.data}
+                language={language!}
+                variations={variations}
+                setEditMode={setEditMode} />;
+    }
+
+    return (
+        <>
+            {
+                exerciseQuery.isSuccess
+                && languageQuery.isSuccess
+                && <Container>
+                    <Head
+                        exercise={exerciseQuery.data}
+                        languages={languageQuery.data}
+                        changeLanguage={changeUserLanguage}
+                        language={language}
+                        setEditMode={setEditMode}
+                        editMode={editMode} />
+                </Container>
+            }
+            <PaddingBox />
+            <Container maxWidth="lg">
+                {
+                    exerciseQuery.isLoading
+                    && languageQuery.isLoading
+                    && <LoadingWidget />
+                }
+                {out}
+            </Container>
+        </>
+    );
+};

package/src/components/Exercises/Detail/ExerciseImageAvatar.tsx

@@ -0,0 +1,20 @@
+import PhotoIcon from "@mui/icons-material/Photo";
+import { Avatar } from "@mui/material";
+import { ExerciseImage } from "components/Exercises/models/image";
+import React from "react";
+
+export const ExerciseImageAvatar = (props: {
+    image: ExerciseImage | undefined,
+    iconSize?: number | undefined,
+    avatarSize?: number | undefined,
+}) => {
+    const avatarSize = props.avatarSize || 40;
+    const iconSize = props.iconSize || 40;
+
+    return <Avatar
+        sx={{ height: avatarSize, width: avatarSize, flexShrink: 0 }}
+        src={props.image?.url}
+    >
+        <PhotoIcon sx={{ height: iconSize, width: iconSize }} />
+    </Avatar>;
+};

package/src/components/Exercises/Detail/ExerciseImagePlaceholder.tsx

@@ -0,0 +1,21 @@
+import PhotoIcon from "@mui/icons-material/Photo";
+import { Box } from "@mui/material";
+import React from "react";
+
+export const ExerciseImagePlaceholder = (props: {
+    backgroundColor?: string | undefined,
+    iconColor?: string | undefined,
+    height?: number | undefined,
+}) => {
+
+    const backgroundColor = props.backgroundColor || "lightgray";
+    const iconColor = props.iconColor || "gray";
+    const height = props.height || 200;
+
+    return <Box sx={{ backgroundColor: backgroundColor, height: height }}
+                display="flex"
+                alignItems="center"
+                justifyContent="center">
+        <PhotoIcon sx={{ fontSize: 80, color: iconColor }} />
+    </Box>;
+};

package/src/components/Exercises/Detail/Head/ExerciseDeleteDialog.test.tsx

@@ -0,0 +1,125 @@
+import { act, render, screen } from '@testing-library/react';
+import userEvent from "@testing-library/user-event";
+import { ExerciseDeleteDialog } from "components/Exercises/Detail/Head/ExerciseDeleteDialog";
+import React from 'react';
+import { MemoryRouter, Routes } from "react-router";
+import { Route } from "react-router-dom";
+import { deleteExercise, deleteExerciseTranslation, getExercise, searchExerciseTranslations } from "services";
+import { searchResponse } from "tests/exercises/searchResponse";
+import { testExerciseBenchPress, testExerciseSquats, testLanguageGerman } from "tests/exerciseTestdata";
+
+jest.mock("services");
+
+describe("Test the ExerciseDeleteDialog component", () => {
+
+    const onCloseMock = jest.fn();
+    const onChangeLanguageMock = jest.fn();
+
+    // Arrange
+    beforeEach(() => {
+        jest.resetAllMocks();
+
+        (searchExerciseTranslations as jest.Mock).mockImplementation(() => Promise.resolve(searchResponse));
+        (getExercise as jest.Mock).mockImplementation(() => Promise.resolve(testExerciseBenchPress));
+    });
+
+    function renderWidget() {
+        render(
+            <MemoryRouter initialEntries={['/overview/exercises/9']}>
+                <Routes>
+                    <Route path="overview/exercises/:exerciseId" element={
+                        <ExerciseDeleteDialog
+                            onClose={onCloseMock}
+                            onChangeLanguage={onChangeLanguageMock}
+                            currentExercise={testExerciseSquats}
+                            currentLanguage={testLanguageGerman}
+                        />
+                    } />
+                </Routes>
+            </MemoryRouter>
+        );
+    }
+
+
+    test('correctly deletes the current translation', async () => {
+        // Arrange
+        const user = userEvent.setup();
+
+        // Act
+        renderWidget();
+
+        // Assert
+        await user.click(screen.getByTestId('button-delete-translation'));
+        expect(deleteExerciseTranslation).toHaveBeenCalledWith(9);
+        expect(deleteExercise).not.toHaveBeenCalled();
+    });
+
+    test('correctly deletes the whole exercise', async () => {
+        // Arrange
+        const user = userEvent.setup();
+
+        // Act
+        renderWidget();
+
+        // Assert
+        await user.click(screen.getByTestId('button-delete-all'));
+        expect(deleteExercise).toHaveBeenCalledWith(345);
+        expect(deleteExerciseTranslation).not.toHaveBeenCalled();
+    });
+
+
+    test('correctly sets a replacement with the autocompleter', async () => {
+
+        // Arrange
+        const user = userEvent.setup();
+
+        // Act
+        renderWidget();
+
+        const autocomplete = screen.getByTestId('autocomplete');
+        await user.click(autocomplete);
+
+        // Assert
+        expect(searchExerciseTranslations).not.toHaveBeenCalled();
+        await user.type(autocomplete, 'Cru');
+
+        expect(screen.getByText("exercises.noReplacementSelected")).toBeInTheDocument();
+
+        // There's a bounce period of 200ms between the input and the search
+        await act(async () => {
+            await new Promise((r) => setTimeout(r, 250));
+        });
+        await user.click(screen.getByTestId('autocompleter-result-998'));
+        expect(getExercise).toHaveBeenCalledWith(998);
+        expect(screen.queryByText("exercises.noReplacementSelected")).not.toBeInTheDocument();
+        expect(screen.getByText("Benchpress")).toBeInTheDocument();
+        expect(screen.getByText("2 (abcdef-150a-4ac7-97ef-84643c6419bf)")).toBeInTheDocument();
+
+        await user.click(screen.getByTestId('button-delete-and-replace'));
+        expect(deleteExercise).toHaveBeenCalledWith(345, "abcdef-150a-4ac7-97ef-84643c6419bf");
+        expect(deleteExerciseTranslation).not.toHaveBeenCalled();
+    });
+
+    test('correctly sets a replacement manually setting the ID', async () => {
+
+        // Arrange
+        const user = userEvent.setup();
+
+        // Act
+        renderWidget();
+
+        // Assert
+        await user.type(screen.getByRole('textbox'), '111');
+        expect(screen.getByText("exercises.noReplacementSelected")).toBeInTheDocument();
+        await user.click(screen.getByText("exercises.noReplacementSelected"));
+
+        expect(getExercise).toHaveBeenCalledWith(111);
+        expect(screen.queryByText("exercises.noReplacementSelected")).not.toBeInTheDocument();
+        expect(screen.getByText("Benchpress")).toBeInTheDocument();
+        expect(screen.getByText("2 (abcdef-150a-4ac7-97ef-84643c6419bf)")).toBeInTheDocument();
+
+        await user.click(screen.getByTestId('button-delete-and-replace'));
+        expect(deleteExercise).toHaveBeenCalledWith(345, "abcdef-150a-4ac7-97ef-84643c6419bf");
+        expect(deleteExerciseTranslation).not.toHaveBeenCalled();
+    });
+});

package/src/components/Exercises/Detail/Head/ExerciseDeleteDialog.tsx

@@ -0,0 +1,185 @@
+import { ContentCopy } from "@mui/icons-material";
+import CachedIcon from "@mui/icons-material/Cached";
+import ClearIcon from "@mui/icons-material/Clear";
+import PhotoIcon from "@mui/icons-material/Photo";
+import {
+    Avatar,
+    Button,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    IconButton,
+    InputAdornment,
+    ListItem,
+    ListItemAvatar,
+    ListItemText,
+    TextField,
+    Tooltip
+} from "@mui/material";
+import { NameAutocompleter } from "components/Exercises/Filter/NameAutcompleter";
+import { Exercise } from "components/Exercises/models/exercise";
+import { Language } from "components/Exercises/models/language";
+import { SERVER_URL } from "config";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { deleteExercise, deleteExerciseTranslation, getExercise } from "services";
+import { ExerciseSearchResponse } from "services/responseType";
+
+export function ExerciseDeleteDialog(props: {
+    onClose: () => void,
+    onChangeLanguage: () => void,
+    currentExercise: Exercise,
+    currentLanguage: Language | undefined,
+}) {
+    const [replacementId, setReplacementId] = React.useState<number | null>(null);
+    const [replacementExercise, setReplacementExercise] = React.useState<Exercise | null>(null);
+
+    const [t] = useTranslation();
+    const navigate = useNavigate();
+
+    const resetReplacement = () => {
+        setReplacementExercise(null);
+        setReplacementId(null);
+    };
+
+    const handleDeleteTranslation = async () => {
+        await deleteExerciseTranslation(props.currentExercise.getTranslation(props.currentLanguage)!.id!);
+        props.onClose();
+        props.onChangeLanguage();
+    };
+
+    const handleDeleteBase = async (handleReplacement: boolean = false) => {
+        if (handleReplacement) {
+            await deleteExercise(props.currentExercise.id!, replacementExercise!.uuid!);
+        } else {
+            await deleteExercise(props.currentExercise.id!);
+        }
+        props.onClose();
+        navigate('../overview');
+    };
+
+    const loadCurrentReplacement = async (exerciseId?: number) => {
+        const id = exerciseId !== undefined ? exerciseId : replacementId;
+
+        if (id !== null) {
+            try {
+                const exercise = await getExercise(id);
+                setReplacementExercise(exercise);
+            } catch (e) {
+                setReplacementExercise(null);
+            }
+        }
+    };
+
+
+    return <>
+        <DialogTitle id="alert-dialog-title">
+            {t('delete')}
+        </DialogTitle>
+        <DialogContent>
+            <p>{t('exercises.deleteExerciseBody',
+                {
+                    name: props.currentExercise.getTranslation(props.currentLanguage)?.name,
+                    language: props.currentLanguage?.nameLong
+                })
+            }</p>
+            <p>{t('cannotBeUndone')}</p>
+
+            <p><b>{t('exercises.replacements')}</b></p>
+            <p>{t('exercises.replacementsInfoText')}</p>
+            <p>{t('exercises.replacementsSearch')}</p>
+
+            <NameAutocompleter
+                callback={(exercise: ExerciseSearchResponse | null) => {
+                    if (exercise !== null) {
+                        setReplacementId(exercise.data.base_id);
+                        loadCurrentReplacement(exercise.data.base_id);
+                    }
+                }}
+            />
+
+            <TextField
+                data-testid="exercise-id-field"
+                id="foo"
+                label="Exercise ID"
+                onBlur={() => loadCurrentReplacement()}
+                onChange={async (event) => {
+                    setReplacementId(event.target.value !== '' ? parseInt(event.target.value) : null);
+                }}
+                value={replacementId ?? ""}
+                InputProps={{
+                    endAdornment:
+                        <InputAdornment position="start">
+                            <IconButton onClick={() => loadCurrentReplacement()}>
+                                <CachedIcon />
+                            </IconButton>
+                        </InputAdornment>
+                }}
+                fullWidth={true}
+                variant="standard"
+            />
+            {replacementExercise === null && <>
+                <p><i>{t('exercises.noReplacementSelected')}</i></p>
+            </>}
+
+            {replacementExercise !== null && <>
+                <p>Selected exercise for replacement:
+                    <Tooltip title={t('copyToClipboard')}>
+                        <IconButton
+                            onClick={() => navigator.clipboard.writeText(replacementExercise!.id!.toString())}>
+                            <ContentCopy />
+                        </IconButton>
+                    </Tooltip>
+                </p>
+
+                <ListItem disablePadding>
+                    <ListItemAvatar>
+                        <Avatar>
+                            {replacementExercise.mainImage ?
+                                <Avatar
+                                    alt="" src={`${SERVER_URL}${replacementExercise.mainImage.url}`}
+                                    variant="rounded" />
+                                : <PhotoIcon />}
+                        </Avatar>
+                    </ListItemAvatar>
+                    <ListItemText
+                        primary={replacementExercise.getTranslation().name}
+                        secondary={`${replacementExercise.id} (${replacementExercise.uuid})`}
+                    />
+                    <IconButton onClick={resetReplacement}>
+                        <ClearIcon />
+                    </IconButton>
+                </ListItem>
+            </>}
+        </DialogContent>
+        <DialogActions>
+            <Button onClick={() => props.onClose()}>{t('cancel')}</Button>
+            <Button
+                data-testid="button-delete-translation"
+                size={"small"}
+                onClick={handleDeleteTranslation}
+                variant="contained"
+            >
+                {t('exercises.deleteTranslation')}
+            </Button>
+            <Button
+                data-testid="button-delete-all"
+                size={"small"}
+                onClick={() => handleDeleteBase()}
+                variant="contained"
+            >
+                {t('exercises.deleteExerciseFull')}
+            </Button>
+            <Button
+                data-testid="button-delete-and-replace"
+                size={"small"}
+                disabled={replacementExercise === null}
+                onClick={() => handleDeleteBase(true)}
+                variant="contained"
+            >
+                {t('exercises.deleteExerciseReplace')}
+            </Button>
+        </DialogActions>
+    </>;
+}

package/src/components/Exercises/Detail/Head/head.module.css

@@ -0,0 +1,73 @@
+.root {
+  background-color: #f8f8f8;
+  padding: 1rem 1rem; }
+  .root .detail_language {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start; }
+    .root .detail_language .detail {
+      display: none; }
+      .root .detail_language .detail a {
+        text-decoration: none;
+        color: #283c5c; }
+        .root .detail_language .detail a:hover {
+          color: #111111; }
+      @media screen and (min-width: 700px) {
+        .root .detail_language .detail {
+          display: block; } }
+    .root .detail_language .detail_arrow {
+      width: 25px;
+      height: 25px;
+      cursor: pointer;
+      border-radius: 50%; }
+      .root .detail_language .detail_arrow:hover {
+        background-color: white; }
+      @media screen and (min-width: 700px) {
+        .root .detail_language .detail_arrow {
+          display: none; } }
+    .root .detail_language .languages {
+      position: relative; }
+      .root .detail_language .languages .language {
+        display: flex;
+        align-items: flex-end;
+        gap: 2rem;
+        border-radius: 0.5rem; }
+        @media screen and (min-width: 700px) {
+          .root .detail_language .languages .language {
+            background-color: #e4e4e4;
+            padding: 0.5rem 1rem;
+            border-radius: 0.5rem; } }
+      .root .detail_language .languages .language_menu {
+        position: absolute;
+        top: 3rem;
+        left: -3rem;
+        background-color: #fff;
+        padding: 0 1rem;
+        border-radius: 10px;
+        border: 1px solid #979797;
+        text-align: left; }
+        .root .detail_language .languages .language_menu span {
+          text-transform: uppercase;
+          color: #5e5e5e; }
+  .root .header {
+    display: flex;
+    justify-content: space-between; }
+    .root .header .toolbar {
+      display: none; }
+      @media screen and (min-width: 700px) {
+        .root .header .toolbar {
+          display: flex;
+          align-self: flex-end;
+          align-items: center;
+          justify-content: center; } }
+      .root .header .toolbar img {
+        width: 25px;
+        height: 25px;
+        cursor: pointer; }
+
+.dots {
+  height: 20px;
+  width: 20px;
+  cursor: pointer; }
+
+/*# sourceMappingURL=head.module.css.map */

package/src/components/Exercises/Detail/Head/head.module.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,KAAM;EACJ,gBAAgB,EAAE,OAAkB;EACpC,OAAO,EAAE,SAAS;EAElB,sBAAiB;IACf,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,WAAW,EAAE,UAAU;IAMvB,8BAAQ;MACN,OAAO,EAAE,IAAI;MAEb,gCAAE;QACA,eAAe,EAAE,IAAI;QACrB,KAAK,EAAE,OAAO;QAEd,sCAAQ;UACN,KAAK,EAAE,OAAe;MAI1B,oCAAqC;QAZvC,8BAAQ;UAaJ,OAAO,EAAE,KAAK;IAIlB,oCAAc;MACZ,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,OAAO;MACf,aAAa,EAAE,GAAG;MAGlB,0CAAQ;QACN,gBAAgB,EAAE,KAAK;MAGzB,oCAAqC;QAXvC,oCAAc;UAYV,OAAO,EAAE,IAAI;IAIjB,iCAAW;MACT,QAAQ,EAAE,QAAQ;MAElB,2CAAU;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,IAAI;QACT,aAAa,EAAE,MAAM;QAErB,oCAAqC;UANvC,2CAAU;YAON,gBAAgB,EAAE,OAAkB;YACpC,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE,MAAM;MAIzB,gDAAe;QACb,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,KAAK;QACX,gBAAgB,EAAE,IAAI;QACtB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,iBAA4B;QACpC,UAAU,EAAE,IAAI;QAEhB,qDAAK;UACH,cAAc,EAAE,SAAS;UACzB,KAAK,EAAE,OAAO;EAMtB,aAAQ;IACN,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAE9B,sBAAS;MACP,OAAO,EAAE,IAAI;MAEb,oCAAqC;QAHvC,sBAAS;UAIL,OAAO,EAAE,IAAI;UACb,UAAU,EAAE,QAAQ;UACpB,WAAW,EAAE,MAAM;UACnB,eAAe,EAAE,MAAM;MAIzB,0BAAI;QACF,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,OAAO;;AAOvB,KAAM;EACJ,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,OAAO",
+"sources": ["head.module.scss"],
+"names": [],
+"file": "head.module.css"
+}