feat: calendar circle colors

feat: fixed tags
feat: avatars
2025-05-15 16:36:15 +03:00 · 2025-05-12 19:50:02 +03:00 · 2025-05-12 16:16:26 +03:00 · 2025-05-12 15:59:16 +03:00 · 2025-05-12 15:39:50 +03:00 · 2025-05-12 02:36:20 +03:00
15 changed files with 623 additions and 574 deletions
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="ru">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Антихвост</title>
  </head>
--- a/src/assets/status/1.png
+++ b/src/assets/status/1.png
--- a/src/assets/status/2.png
+++ b/src/assets/status/2.png
--- a/src/assets/status/3.png
+++ b/src/assets/status/3.png
--- a/src/assets/status/4.png
+++ b/src/assets/status/4.png
--- a/src/assets/status/5.png
+++ b/src/assets/status/5.png
--- a/src/components/ModalSettings.tsx
+++ b/src/components/ModalSettings.tsx
@@ -185,7 +185,12 @@ const ModalSettings: FunctionComponent<ModalWindowProps> = ({ isOpen, setIsOpen,
        </div>
        <div class={cn({ hidden: !enableNotification })}>
          <div class="flex flex-col items-start gap-2">
-            <span class="ms-5 text-sm">Telegram ID</span>
+            <span class="ms-5 text-sm">
+              Telegram ID. Для работы перейдите в бота{" "}
+              <a href="https://t.me/antihvost_notif_bot" class="font-medium text-blue-600 hover:underline">
+                @antihvost_notif_bot
+              </a>
+            </span>
            <div class="flex w-full flex-row items-center rounded-[4rem] px-5 py-3 leading-8 ring-2 ring-[rgba(206,232,251,0.7)]">
              <input class="flex-1 outline-0" {...register("tgId")} placeholder={tgId} />
              <XCircleIcon class="size-6 cursor-pointer" onClick={() => setValue("tgId", "")} />
--- a/src/components/ModalTags.tsx
+++ b/src/components/ModalTags.tsx
@@ -1,4 +1,4 @@
-import { IAPITag } from "@/pages/profile_tasks.dto";
+import { IAPITag, IViewTagsResponse } from "@/pages/profile_tasks.dto";
 import apiClient from "@/services/api";
 import { cn } from "@/utils/class-merge";
 import { BookOpenIcon, CheckIcon, DocumentDuplicateIcon, PlusCircleIcon } from "@heroicons/react/24/outline";
@@ -25,7 +25,7 @@ interface ModalTagsProps extends ModalWindowProps {
    first: IAPITag[];
    second: IAPITag[];
  };
-  refreshTags: () => void;
+  refreshTags: () => Promise<IViewTagsResponse | void>;
 }

 const ModalTags: FunctionComponent<ModalTagsProps> = ({
@@ -64,7 +64,7 @@ const ModalTags: FunctionComponent<ModalTagsProps> = ({
      { method: "POST", body: JSON.stringify(data) }
    );
    if (response.success) {
-      refreshTags();
+      await refreshTags();
      if (showAddFirstTag) {
        const new_subject_id = response.subject!.id;
        onChange!((prev) => ({ ...prev, first: new_subject_id }));
@@ -89,7 +89,7 @@ const ModalTags: FunctionComponent<ModalTagsProps> = ({
      body: JSON.stringify(data),
    });
    if (!response.error) {
-      refreshTags();
+      await refreshTags();
    } else {
      setShowErrorDialog(true);
      const match = response.error?.match(/\[(.+)\]/);
--- a/src/components/menu.tsx
+++ b/src/components/menu.tsx
@@ -1,12 +1,13 @@
+import { useAppContext } from "@/providers/AuthProvider";
+import apiClient from "@/services/api";
+import { getAvatarPicUrl } from "@/services/avatar-pic";
 import { cn } from "@/utils/class-merge";
 import { CalendarDaysIcon, ListBulletIcon, UserIcon } from "@heroicons/react/24/solid";
 import { FunctionComponent, h } from "preact";
 import { useLocation } from "preact-iso";
+import { useEffect, useState } from "preact/hooks";
 import { tv } from "tailwind-variants";
 import classes from "./menu.module.scss";
-import { useEffect, useState } from "preact/hooks";
-import apiClient from "@/services/api";
-import { useAppContext } from "@/providers/AuthProvider";

 interface UserProfile {
  username: string;
@@ -72,7 +73,7 @@ const Avatar: FunctionComponent = () => {
    }
  }, [isLoggedIn.value]);

-  return (
+  return username ? (
    <button
      onClick={() => route("/profile/settings")}
      class={cn("hidden h-32 w-full cursor-pointer overflow-hidden opacity-100 transition-[height,opacity] md:block", {
@@ -84,14 +85,16 @@ const Avatar: FunctionComponent = () => {
          "h-full flex-row items-center justify-around rounded-[3rem] bg-[linear-gradient(180.00deg,rgba(249,134,143,0.5)_3.053%,rgb(228,242,252)_96.183%)] px-5 py-5 md:flex"
        )}
      >
-        <div class="my-5 aspect-square h-full rounded-full bg-white"></div>
+        <div class="my-5 aspect-square h-full rounded-full">
+          <img class="size-full rounded-full" src={getAvatarPicUrl(status)} alt="avatar" />
+        </div>
        <div class="flex flex-col items-center justify-center">
          <p class="text-3xl font-semibold">{username}</p>
          <div class="rounded-[1rem] bg-white px-5 leading-5 font-light italic">{status}</div>
        </div>
      </div>
    </button>
-  );
+  ) : null;
 };

 interface MenuItems {
--- a/src/pages/profile_calendar.tsx
+++ b/src/pages/profile_calendar.tsx
@@ -18,8 +18,10 @@ import {
 import { FunctionComponent } from "preact";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { Calendar, CalendarDateTemplateEvent } from "primereact/calendar";
+import { Dropdown } from "primereact/dropdown";
 import { Nullable } from "primereact/ts-helpers";
 import { SubmitHandler, useForm } from "react-hook-form";
+import { priorities } from "./profile_tasks";
 import {
  IApiResponse,
  IAPITag,
@@ -31,6 +33,7 @@ import {
  ITaskForm,
  IViewTagsResponse,
 } from "./profile_tasks.dto";
+import { DropdownStyles, selectedPriorityTemplate } from "./profile_tasks.prime.styles";

 const calendarStyles = {
  root: "inline-flex w-full relative",
@@ -68,6 +71,7 @@ const ProfileCalendar: FunctionComponent = () => {
  const [subjectChoices, setSubjectChoices] = useState<IAPITag[]>([]);
  const [taskTypeChoices, setTaskTypeChoices] = useState<IAPITag[]>([]);
  const [isLoading, setIsLoading] = useState(true);
+  const [selectedPriority, setSelectedPriority] = useState(4);

  const {
    handleSubmit,
@@ -76,16 +80,7 @@ const ProfileCalendar: FunctionComponent = () => {
    setError,
    formState: { errors },
  } = useForm<ITaskForm>({
-    defaultValues: {
-      subject: {
-        name: "",
-        id: 0,
-      },
-      taskType: {
-        name: "",
-        id: 0,
-      },
-    },
+    defaultValues: {},
  });

  useEffect(() => {
@@ -142,13 +137,13 @@ const ProfileCalendar: FunctionComponent = () => {
      return;
    }
    if ((!editContent?.subject.id || !editContent.taskType.id) && (!tags.first || !tags.second)) {
-      setError("subject", { message: "Выберите теги" });
+      setError("date", { message: "Выберите теги" });
      return;
    }

    try {
-      const selectedSubject = editContent?.subject.id || tags.first;
-      const selectedTaskType = editContent?.taskType.id || tags.second;
+      const selectedSubject = tags.first || editContent?.subject.id;
+      const selectedTaskType = tags.second || editContent?.taskType.id;

      // Format date to DD-MM-YYYYTHH:MM
      const formattedDate = calendarDate
@@ -167,10 +162,11 @@ const ProfileCalendar: FunctionComponent = () => {
      const taskData = {
        title: data.name,
        description: data.description || "",
-        subject: selectedSubject,
-        taskType: selectedTaskType,
+        subject_id: selectedSubject,
+        taskType_id: selectedTaskType,
        dateTime_due: formattedDate,
        telegram_notifications: false,
+        priority: selectedPriority,
      };

      if (!editContent) {
@@ -190,7 +186,17 @@ const ProfileCalendar: FunctionComponent = () => {

        if (!response.success) {
          throw new Error(response.message);
-        }
+        } else if (isEdit)
+          setEditContent({
+            name: response.task.title,
+            id: response.task.id.toString(),
+            description: response.task.description,
+            priority: response.task.priority,
+            checked: response.task.isCompleted,
+            subject: response.task.subject,
+            taskType: response.task.task_type,
+            date: new Date(response.task.dateTime_due),
+          });
      }

      await fetchTasks();
@@ -254,6 +260,7 @@ const ProfileCalendar: FunctionComponent = () => {
      setIsEdit(true);
      setEditContent(task);
      setCalendarDate(task.date);
+      setSelectedPriority(task.priority);
      setIsEditModal(false);
    } catch (error) {
      console.error("Failed to fetch task details:", error);
@@ -289,12 +296,29 @@ const ProfileCalendar: FunctionComponent = () => {
  }, [tags]);

  const tasksCount = (date: CalendarDateTemplateEvent) => {
-    return tasks.filter((task) => {
+    const filterTasks = tasks.filter((task) => {
      const taskDate = task.date;
      return (
        taskDate.getDate() === date.day && taskDate.getMonth() === date.month && taskDate.getFullYear() === date.year
      );
-    }).length;
+    });
+    return {
+      length: filterTasks.length,
+      colors: filterTasks.map((task) => {
+        switch (task.priority) {
+          case 1:
+            return "bg-[rgba(18,26,230,1)]";
+          case 2:
+            return "bg-[rgba(97,200,232,1)]";
+          case 3:
+            return "bg-[rgba(247,220,52,1)]";
+          case 4:
+            return "bg-[rgba(251,194,199,1)]";
+          default:
+            return "bg-[rgba(251,194,199,1)]";
+        }
+      }),
+    };
  };

  const hasTasksOnDate = (date: CalendarDateTemplateEvent) => {
@@ -308,7 +332,8 @@ const ProfileCalendar: FunctionComponent = () => {

  const dateTemplate = (date: CalendarDateTemplateEvent) => {
    const isHighlighted = hasTasksOnDate(date);
-    const countT = tasksCount(date);
+    const taskInfo = tasksCount(date);
+    if (taskInfo.length) console.log(taskInfo);
    const isSelected =
      currentDate &&
      currentDate.getDate() === date.day &&
@@ -332,10 +357,10 @@ const ProfileCalendar: FunctionComponent = () => {
        <span>{date.day}</span>
        {isHighlighted && (
          <div class="absolute top-2 right-2 flex h-fit w-2 flex-col items-center gap-1 md:h-2 md:w-fit md:flex-row">
-            {Array.from({ length: countT > 3 ? 3 : countT }).map((_, i) => (
-              <span key={i} className="size-2 rounded-full bg-pink-400" />
+            {Array.from({ length: taskInfo.length > 3 ? 3 : taskInfo.length }).map((_, i) => (
+              <span key={i} className={cn("size-2 rounded-full", taskInfo.colors[i])} />
            ))}
-            {countT > 3 && <span className="text-xs font-bold text-pink-400 select-none">+</span>}
+            {taskInfo.length > 3 && <span className="text-xs font-bold text-pink-400 select-none">+</span>}
          </div>
        )}
      </div>
@@ -371,38 +396,13 @@ const ProfileCalendar: FunctionComponent = () => {

  return (
    <div class="flex w-full flex-col items-center">
-      {isLoading ? (
-        <div class="flex w-full flex-1 items-center justify-center">
-          <div class="text-2xl">Загрузка...</div>
-        </div>
-      ) : (
-        <>
-          <ModalTags
-            refreshTags={fetchTags}
-            isOpen={openModalTags}
-            setIsOpen={setOpenModalTags}
-            tagsList={example_tags}
-            value={tags}
-            onClose={() => {
-              setTags({ first: 0, second: 0, overdue: false });
-            }}
-            onChange={setTags}
-          />
-          <ModalCalendar
-            isOpen={openModalCalendar}
-            setIsOpen={setOpenModalCalendar}
-            onClose={() => {
-              if (isEdit && !isEditModal) setCalendarDate(null);
-            }}
-            onChange={(e) => isEditModal && setCalendarDate(e.value)}
-            value={calendarDate!}
-          />
      <ModalWindow
        isOpen={openModal}
        setIsOpen={setIsOpen}
        onClose={() => {
          setIsEdit(false);
          setEditContent(null);
+          setSelectedPriority(4);
          setIsEditModal(false);
          setTags({ first: 0, second: 0, overdue: false });
          setCalendarDate(null);
@@ -482,15 +482,11 @@ const ProfileCalendar: FunctionComponent = () => {
            {errors.name && <p class="text-red-500">{errors.name.message}</p>}
            {errors.description && <p class="text-red-500">{errors.description.message}</p>}
            {errors.date && <p class="text-red-500">{errors.date.message}</p>}
-                {errors.subject && <p class="text-red-500">{errors.subject.message}</p>}
            <div class="flex flex-col items-center gap-6 self-center md:flex-row md:justify-start md:self-start">
              <div
-                    class={cn(
-                      "flex h-full flex-row items-center gap-1 rounded-2xl bg-[rgba(251,194,199,0.38)] px-2 py-1",
-                      {
+                class={cn("flex h-full flex-row items-center gap-1 rounded-2xl bg-[rgba(251,194,199,0.38)] px-2 py-1", {
                  "cursor-pointer": isEditModal,
-                      }
-                    )}
+                })}
                onClick={() => {
                  if (!isEditModal) return;
                  setOpenModalCalendar(true);
@@ -509,12 +505,9 @@ const ProfileCalendar: FunctionComponent = () => {
                </p>
              </div>
              <div
-                    class={cn(
-                      "flex h-full flex-col items-start gap-1 rounded-2xl bg-[rgba(251,194,199,0.38)] px-4 py-2",
-                      {
+                class={cn("flex h-full flex-col items-start gap-1 rounded-2xl bg-[rgba(251,194,199,0.38)] px-4 py-2", {
                  "cursor-pointer": isEditModal,
-                      }
-                    )}
+                })}
                onClick={() => {
                  if (!isEditModal) return;
                  setTags({ first: editContent.subject.id, second: editContent.taskType.id, overdue: false });
@@ -530,10 +523,43 @@ const ProfileCalendar: FunctionComponent = () => {
                  {editContent.taskType.name}
                </p>
              </div>
+              <Dropdown
+                disabled={!isEditModal}
+                pt={DropdownStyles}
+                options={priorities}
+                value={selectedPriority}
+                onChange={(e) => setSelectedPriority(e.value)}
+                itemTemplate={selectedPriorityTemplate}
+                valueTemplate={selectedPriorityTemplate}
+              />
            </div>
          </form>
        )}
      </ModalWindow>
+      {isLoading ? (
+        <div class="flex w-full flex-1 items-center justify-center">Загрузка...</div>
+      ) : (
+        <>
+          <ModalTags
+            refreshTags={fetchTags}
+            isOpen={openModalTags}
+            setIsOpen={setOpenModalTags}
+            tagsList={example_tags}
+            value={tags}
+            onClose={() => {
+              setTags({ first: 0, second: 0, overdue: false });
+            }}
+            onChange={setTags}
+          />
+          <ModalCalendar
+            isOpen={openModalCalendar}
+            setIsOpen={setOpenModalCalendar}
+            onClose={() => {
+              if (isEdit && !isEditModal) setCalendarDate(null);
+            }}
+            onChange={(e) => isEditModal && setCalendarDate(e.value)}
+            value={calendarDate!}
+          />
          <Dialog
            isOpen={showDeleteDialog}
            setIsOpen={setShowDeleteDialog}
--- a/src/pages/profile_settings.module.scss
+++ b/src/pages/profile_settings.module.scss
@@ -5,7 +5,7 @@
 }

 #avatar {
-  @apply flex aspect-square h-[7rem] flex-col items-center justify-center rounded-full bg-white;
+  @apply flex aspect-square h-[7rem] flex-col items-center justify-center rounded-full;
 }

 .profile_container {
--- a/src/pages/profile_settings.tsx
+++ b/src/pages/profile_settings.tsx
@@ -4,6 +4,7 @@ import { withTitle } from "@/constructors/Component";
 import { UrlsTitle } from "@/enums/urls";
 import { useAppContext } from "@/providers/AuthProvider";
 import apiClient from "@/services/api";
+import { getAvatarPicUrl } from "@/services/avatar-pic";
 import { cn } from "@/utils/class-merge";
 import { ArrowRightStartOnRectangleIcon, Cog8ToothIcon } from "@heroicons/react/24/outline";
 import { FunctionComponent } from "preact";
@@ -62,11 +63,19 @@ const ProfileSettings: FunctionComponent = () => {
      console.error("Logout failed:", error);
    }
  };
+  if (!userData.username)
+    return (
+      <div class="flex h-full w-full flex-1 flex-col items-center justify-center">
+        <div class="flex w-full flex-1 items-center justify-center">Загрузка...</div>;
+      </div>
+    );
  return (
    <div class={classes.container}>
      <ModalSettings isOpen={isSettingsOpen} setIsOpen={setIsSettingsOpen} onClose={fetchUserData} />
      <div class="flex w-full flex-col items-center rounded-[4rem] bg-[linear-gradient(180.00deg,rgb(251,194,199),rgba(206,232,251,0.72)_100%)] px-7 py-5 shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] md:flex-row">
-        <div id={classes.avatar}>"Аватар"</div>
+        <div id={classes.avatar}>
+          <img class="size-28 rounded-full" src={getAvatarPicUrl(userData.status)} alt="avatar" />
+        </div>
        <div class={classes.header_block__name}>
          <p class="text-4xl font-semibold">{userData.username}</p>
          <p class="text-2xl font-light">{userData.status}</p>
@@ -100,4 +109,6 @@ const ProfileSettings: FunctionComponent = () => {
  );
 };

+ProfileSettings.displayName = "ProfileSettings";
+
 export default withTitle(UrlsTitle.PROFILE, ProfileSettings);
--- a/src/pages/profile_tasks.dto.ts
+++ b/src/pages/profile_tasks.dto.ts
@@ -17,7 +17,7 @@ export interface ITaskView extends Omit<ITask, "taskType"> {
  task_type: IAPITag;
 }

-export interface ITaskForm extends Omit<ITask, "date"> {
+export interface ITaskForm extends Omit<ITask, "date" | "subject" | "taskType"> {
  date: string;
 }

@@ -80,15 +80,11 @@ export interface IEditTaskResponse {
    id: number;
    title: string;
    description: string;
-    subject: string;
-    taskType: string;
+    subject: IAPITag;
+    task_type: IAPITag;
    dateTime_due: string;
    isCompleted: boolean;
-    reminder?: {
-      remind_before_days: number;
-      repeat_interval: number;
-      reminder_time: string;
-    };
+    priority: number;
  };
 }

--- a/src/pages/profile_tasks.tsx
+++ b/src/pages/profile_tasks.tsx
@@ -32,7 +32,6 @@ import { Dropdown } from "primereact/dropdown";
 import { SelectItem } from "primereact/selectitem";
 import { Nullable } from "primereact/ts-helpers";
 import { SubmitHandler, useForm } from "react-hook-form";
-import { v4 as uuid } from "uuid";
 import {
  IApiResponse,
  IAPITag,
@@ -47,7 +46,7 @@ import {
 import classes from "./profile_tasks.module.scss";
 import { DropdownStyles, selectedPriorityTemplate } from "./profile_tasks.prime.styles";

-const priorities: SelectItem[] = [
+export const priorities: SelectItem[] = [
  { label: "Приоритет 1", value: 1 },
  { label: "Приоритет 2", value: 2 },
  { label: "Приоритет 3", value: 3 },
@@ -87,7 +86,7 @@ const ProfileTasks: FunctionComponent = () => {
    fetchTags();
  }, []);

-  const fetchTags = async () => {
+  const fetchTags = async (): Promise<IViewTagsResponse | void> => {
    try {
      const response = await apiClient<IViewTagsResponse>("/api/tags/view_tags/");
      setSubjectChoices(response.subjects);
@@ -126,18 +125,7 @@ const ProfileTasks: FunctionComponent = () => {
    reset,
    setError,
    formState: { errors },
-  } = useForm<ITaskForm>({
-    defaultValues: {
-      subject: {
-        name: "",
-        id: 0,
-      },
-      taskType: {
-        name: "",
-        id: 0,
-      },
-    },
-  });
+  } = useForm<ITaskForm>({});

  const example_tags = useMemo(
    () => ({
@@ -153,7 +141,7 @@ const ProfileTasks: FunctionComponent = () => {
      return;
    }
    if ((!editContent?.subject.id || !editContent.taskType.id) && (!tags.first || !tags.second)) {
-      setError("subject", { message: "Выберите теги" });
+      setError("date", { message: "Выберите теги" });
      return;
    }

@@ -202,11 +190,20 @@ const ProfileTasks: FunctionComponent = () => {

        if (!response.success) {
          throw new Error(response.message);
-        }
+        } else if (isEdit)
+          setEditContent({
+            name: response.task.title,
+            id: response.task.id.toString(),
+            description: response.task.description,
+            priority: response.task.priority,
+            checked: response.task.isCompleted,
+            subject: response.task.subject,
+            taskType: response.task.task_type,
+            date: new Date(response.task.dateTime_due),
+          });
      }

      await fetchTasks();
-
      if (isCreating) setIsOpen(false);
      setTags({ first: 0, second: 0, overdue: false });
    } catch (error) {
@@ -223,14 +220,6 @@ const ProfileTasks: FunctionComponent = () => {
      name: "",
      description: "",
      date: "",
-      subject: {
-        name: "",
-        id: 0,
-      },
-      taskType: {
-        name: "",
-        id: 0,
-      },
      priority: 4,
      checked: false,
    });
@@ -387,34 +376,6 @@ const ProfileTasks: FunctionComponent = () => {

  return (
    <div class={classes.container}>
-      {isLoading ? (
-        <div class="flex w-full flex-1 items-center justify-center">
-          <div class="text-2xl">Загрузка...</div>
-        </div>
-      ) : (
-        <ModalTags
-          refreshTags={fetchTags}
-          zIndex={70}
-          isOpen={openModalTags}
-          setIsOpen={setOpenModalTags}
-          tagsList={example_tags}
-          value={tags}
-          onClose={() => {
-            if (!isCreating) setTags({ first: 0, second: 0, overdue: false });
-          }}
-          onChange={setTags}
-        />
-      )}
-      <ModalCalendar
-        zIndex={80}
-        isOpen={openModalCalendar}
-        setIsOpen={setOpenModalCalendar}
-        onClose={() => {
-          if (isEdit && !isEditModal) setCalendarDate(null);
-        }}
-        onChange={(e) => (isCreating || isEditModal) && setCalendarDate(e.value)}
-        value={calendarDate!}
-      />
      <ModalWindow
        zIndex={60}
        isOpen={openModal}
@@ -503,7 +464,6 @@ const ProfileTasks: FunctionComponent = () => {
            {errors.name && <p class="text-red-500">{errors.name.message}</p>}
            {errors.description && <p class="text-red-500">{errors.description.message}</p>}
            {errors.date && <p class="text-red-500">{errors.date.message}</p>}
-            {errors.subject && <p class="text-red-500">{errors.subject.message}</p>}
            <div class="flex flex-col items-center gap-6 self-center md:flex-row md:justify-start md:self-start">
              <div
                class={cn("flex h-full flex-row items-center gap-1 rounded-2xl bg-[rgba(251,194,199,0.38)] px-2 py-1", {
@@ -523,7 +483,7 @@ const ProfileTasks: FunctionComponent = () => {
                    year: "numeric",
                    hour: "2-digit",
                    minute: "2-digit",
-                  }).format(calendarDate!)}
+                  }).format(calendarDate ?? editContent.date)}
                </p>
              </div>
              <div
@@ -562,7 +522,7 @@ const ProfileTasks: FunctionComponent = () => {
            class="flex h-full w-full flex-col items-start justify-between"
            onSubmit={(e) => {
              e.preventDefault();
-              handleSubmit((data) => saveTask({ ...data, id: uuid() }))();
+              handleSubmit((data) => saveTask(data))();
            }}
          >
            <div class="flex w-full flex-1 flex-row items-start justify-between">
@@ -608,7 +568,6 @@ const ProfileTasks: FunctionComponent = () => {
            </div>
            {errors.name && <p class="text-red-500">{errors.name.message}</p>}
            {errors.date && <p class="text-red-500">{errors.date.message}</p>}
-            {errors.subject?.message && <p class="text-red-500">{errors.subject.message}</p>}
            <div className="mb-8 flex h-16 flex-col items-center gap-6 self-center md:mb-0 md:flex-row md:self-start">
              <Button
                className="text-sm"
@@ -625,6 +584,32 @@ const ProfileTasks: FunctionComponent = () => {
          </form>
        )}
      </ModalWindow>
+      {isLoading ? (
+        <div class="flex w-full flex-1 items-center justify-center">Загрузка...</div>
+      ) : (
+        <>
+          <ModalTags
+            refreshTags={fetchTags}
+            zIndex={70}
+            isOpen={openModalTags}
+            setIsOpen={setOpenModalTags}
+            tagsList={example_tags}
+            value={tags}
+            onClose={() => {
+              if (!isCreating) setTags({ first: 0, second: 0, overdue: false });
+            }}
+            onChange={setTags}
+          />
+          <ModalCalendar
+            zIndex={80}
+            isOpen={openModalCalendar}
+            setIsOpen={setOpenModalCalendar}
+            onClose={() => {
+              if (isEdit && !isEditModal) setCalendarDate(null);
+            }}
+            onChange={(e) => (isCreating || isEditModal) && setCalendarDate(e.value)}
+            value={calendarDate!}
+          />
          <Dialog
            isOpen={showDeleteDialog}
            setIsOpen={setShowDeleteDialog}
@@ -976,6 +961,8 @@ const ProfileTasks: FunctionComponent = () => {
              </div>
            </div>
          )}
+        </>
+      )}
    </div>
  );
 };
--- a/src/services/avatar-pic.ts
+++ b/src/services/avatar-pic.ts
@@ -0,0 +1,21 @@
+import Status1 from "@/assets/status/1.png";
+import Status2 from "@/assets/status/2.png";
+import Status3 from "@/assets/status/3.png";
+import Status4 from "@/assets/status/4.png";
+import Status5 from "@/assets/status/5.png";
+export const getAvatarPicUrl = (status: string) => {
+  switch (true) {
+    case status.includes("точно"):
+      return Status1;
+    case status.includes("плана нет"):
+      return Status2;
+    case status.includes("прокрастинации"):
+      return Status3;
+    case status.includes("3000"):
+      return Status4;
+    case status.includes("планирования"):
+      return Status5;
+    default:
+      return Status1;
+  }
+};
Author	SHA1	Message	Date
Sergey Elpashev	f6b19767f2	feat: calendar circle colors	2025-05-15 16:36:15 +03:00
Sergey Elpashev	049e6dd912	feat: fixed tags	2025-05-12 19:50:02 +03:00
Sergey Elpashev	c72ce9baa4	feat: avatars	2025-05-12 16:16:26 +03:00
Sergey Elpashev	ac1b7338f8	feat: nice isLoading view	2025-05-12 15:59:16 +03:00
Sergey Elpashev	ae1e0ad0c0	feat: priority select in calendar	2025-05-12 15:39:50 +03:00
Sergey Elpashev	2d2d5699a3	feat: tg bot link	2025-05-12 02:36:20 +03:00