feat: add telegram channel

app/components/ChangelogModal/ChangelogModal.module.css

@@ -13,4 +13,8 @@
     list-style-type: disc;
     -webkit-padding-start: 20px;
     padding-inline-start: 20px;
+}
+
+.markdown a {
+    text-decoration: underline;
 }

app/components/SettingsModal/SettingsModal.tsx

@@ -1,12 +1,8 @@
 "use client";
 
 import { usePreferencesStore } from "#/store/preferences";
-import {
+import { Modal, Button, useThemeMode, ToggleSwitch, HR } from "flowbite-react";
-  Modal,
+import Link from "next/link";
-  Button,
-  useThemeMode,
-  ToggleSwitch,
-} from "flowbite-react";
 
 export const SettingsModal = (props: { isOpen: boolean; setIsOpen: any }) => {
   const preferenceStore = usePreferencesStore();
@@ -65,7 +61,7 @@ export const SettingsModal = (props: { isOpen: boolean; setIsOpen: any }) => {
           <div className="flex items-center justify-between">
             <div>
               <p className="font-bold dark:text-white">Отправка аналитики</p>
-              <p className="text-gray-500 dark:text-gray-400">
+              <p className="text-gray-500 dark:text-gray-300">
                 Требуется перезагрузка для применения
               </p>
             </div>
@@ -89,6 +85,23 @@ export const SettingsModal = (props: { isOpen: boolean; setIsOpen: any }) => {
             />
           </div>
         </div>
+        <HR className="my-4 dark:bg-slate-400" />
+        <div>
+          <Link href={"https://t.me/anix_web"} className="flex items-center gap-2 p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900">
+            <span className="w-8 h-8 iconify fa6-brands--telegram"></span>
+            <div>
+              <p>Телеграм канал</p>
+              <p className="text-sm text-gray-400 dark:text-gray-200">@anix_web</p>
+            </div>
+          </Link>
+          <Link href={"https://wah.su/radiquum"} className="flex items-center gap-2 p-2 text-left rounded-md hover:bg-gray-100 dark:hover:bg-gray-900">
+            <span className="w-8 h-8 iconify mdi--code"></span>
+            <div>
+              <p>Разработчик</p>
+              <p className="text-sm text-gray-400 dark:text-gray-200">Radiquum</p>
+            </div>
+          </Link>
+        </div>
       </Modal.Body>
     </Modal>
   );

app/pages/MobileMenuPage.tsx

@@ -22,8 +22,11 @@ export const MenuPage = () => {
       {userStore.user && (
         <div className="flex flex-col gap-2">
           <div className="flex flex-wrap items-center gap-2">
-            <Link href={`/profile/${userStore.user.id}`} className="flex-1">
+            <Link
-              <Card>
+              href={`/profile/${userStore.user.id}`}
+              className="flex-1 w-full min-w-full sm:w-auto sm:min-w-0"
+            >
+              <Card className="flex-1 w-full min-w-full sm:w-auto sm:min-w-0">
                 <div className="flex items-center gap-4">
                   <img
                     src={userStore.user.avatar}
@@ -34,7 +37,7 @@ export const MenuPage = () => {
                     <p className="text-xl sm:text-2xl">
                       {userStore.user.login}
                     </p>
-                    <p className="text-sm text-gray-400 whitespace-pre sm:text-base dark:text-gray-300">
+                    <p className="text-sm text-gray-400 whitespace-pre-wrap sm:text-base dark:text-gray-300">
                       {userStore.user.status}
                     </p>
                   </div>
@@ -104,6 +107,32 @@ export const MenuPage = () => {
               </div>
             </Card>
           </Link>
+          <Link href={"https://t.me/anix_web"} className="flex-1">
+            <Card>
+              <div className="flex items-center gap-2">
+                <span className="w-8 h-8 iconify fa6-brands--telegram"></span>
+                <div>
+                  <p>Телеграм канал</p>
+                  <p className="text-sm text-gray-400 dark:text-gray-200">
+                    @anix_web
+                  </p>
+                </div>
+              </div>
+            </Card>
+          </Link>
+          <Link href={"https://wah.su/radiquum"} className="flex-1">
+            <Card>
+              <div className="flex items-center gap-2">
+                <span className="w-8 h-8 iconify mdi--code"></span>
+                <div>
+                  <p>Разработчик</p>
+                  <p className="text-sm text-gray-400 dark:text-gray-200">
+                    Radiquum
+                  </p>
+                </div>
+              </div>
+            </Card>
+          </Link>
           <SettingsModal
             isOpen={isSettingModalOpen}
             setIsOpen={setIsSettingModalOpen}

public/changelog/3.2.1.md

@@ -1,5 +1,7 @@
 # 3.2.1
 
+У приложения появился Телеграм Канал: [@anix_web](https://t.me/anix_web)
+
 ## Добавлено
 
 - Редактирование профиля