feat: page titles

src/components/task.tsx

@@ -6,7 +6,12 @@ interface TaskProps {
 }
 
 const Task: FunctionComponent<TaskProps> = ({ name }: TaskProps) => {
-  return <div class={classes.task}>{name}</div>;
+  return (
+    // Временное действие для тестирования
+    <button onClick={() => alert(name)}>
+      <div class={classes.task}>{name}</div>
+    </button>
+  );
 };
 
 export default Task;

src/enums/urls.ts

@@ -0,0 +1,7 @@
+export enum UrlsTitle {
+  LOGIN = "Авторизация",
+  PROFILE = "Профиль",
+  TASKS = "Задачи",
+  CALENDAR = "Календарь",
+  PAGE404 = "404",
+}

src/pages/calendar.tsx

@@ -1,6 +1,7 @@
+import { UrlsTitle } from "@/enums/urls";
 import { cn } from "@/utils/class-merge";
 import { FunctionComponent, h } from "preact";
-import { useState } from "preact/hooks";
+import { useEffect, useState } from "preact/hooks";
 
 type MarkedDateType = "event" | "holiday" | "important" | string;
 type MarkedDates = Record<string, MarkedDateType>;
@@ -16,6 +17,9 @@ const BigCalendar: FunctionComponent<BigCalendarProps> = ({
   markedDates = {},
   className = "",
 }: BigCalendarProps) => {
+  useEffect(() => {
+    document.title = UrlsTitle.CALENDAR;
+  }, []);
   const [currentDate, setCurrentDate] = useState<Date>(new Date());
   const [selectedDate, setSelectedDate] = useState<Date | null>(null);
 

src/pages/login.tsx

@@ -1,12 +1,17 @@
 import Button from "@/components/ui/Button";
 import Input from "@/components/ui/Input";
+import { UrlsTitle } from "@/enums/urls";
 import { useAppContext } from "@/providers/AuthProvider";
 import { FunctionComponent } from "preact";
 import { useLocation } from "preact-iso";
+import { useEffect } from "preact/hooks";
 import classes from "./login.module.scss";
 const LoginPage: FunctionComponent = () => {
   const { isLoggedIn } = useAppContext();
   const { route } = useLocation();
+  useEffect(() => {
+    document.title = UrlsTitle.LOGIN;
+  }, []);
   return (
     <div class={classes.login_container}>
       <div class={classes.login_card}>

src/pages/profile_settings.tsx

@@ -1,12 +1,17 @@
 import Button from "@/components/ui/Button";
+import { UrlsTitle } from "@/enums/urls";
 import { useAppContext } from "@/providers/AuthProvider";
 import { FunctionComponent } from "preact";
 import { useLocation } from "preact-iso";
+import { useEffect } from "preact/hooks";
 import classes from "./profile_settings.module.scss";
 
 const ProfileSettings: FunctionComponent = () => {
   const { isLoggedIn } = useAppContext();
   const { route } = useLocation();
+  useEffect(() => {
+    document.title = UrlsTitle.PROFILE;
+  }, []);
   return (
     <div class={classes.container}>
       <div id={classes.avatar}>Аватар</div>

src/pages/profile_tasks.tsx

@@ -1,6 +1,7 @@
 import Task from "@/components/task";
+import { UrlsTitle } from "@/enums/urls";
 import { FunctionComponent } from "preact";
-import { useMemo } from "preact/hooks";
+import { useEffect, useMemo } from "preact/hooks";
 import classes from "./profile_tasks.module.scss";
 
 const example_tasks = ["Test 1", "Test 2", "Test 3", "Test 4", "Test 5", "Test 6", "Test 7", "Test 8"];
@@ -11,6 +12,9 @@ const ProfileTasks: FunctionComponent = () => {
     const formatter = new Intl.DateTimeFormat("ru-RU", { month: "long", day: "numeric" });
     return formatter.format(date);
   }, []);
+  useEffect(() => {
+    document.title = UrlsTitle.TASKS;
+  }, []);
   return (
     <div class={classes.container}>
       <div class={classes.header}>Сегодня: {getDate}</div>