page sub changed

RaZoom-Team · Nov 15, 2024 · 4014afd · 4014afd
1 parent 0f93ded
commit 4014afd
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/frontend/src/app/providers/userProvider.tsx b/frontend/src/app/providers/userProvider.tsx
@@ -27,16 +27,17 @@ export default function UserProvider({ children }: IChildren) {
         .then(setUser)
         .catch(
             (error: AxiosError) => {
-            console.log(error)
             if (error.response?.data) {
                 const statusCode = (error.response.data as {code: number}).code.toString()
                 console.log(statusCode)
                 if (statusCode == '3004') {
                     setSub(false)
                     setLink(error.response.headers['X-channel'])
                 }
+                else {
+                    setUser(null)
+                }
             }
-            setUser(null)
         })
     }
 
@@ -50,8 +51,7 @@ export default function UserProvider({ children }: IChildren) {
 
     if (!isSub) {
         return <ChannelPage link={link}/>
-    }
-    return (
+    } else return (
         <UserContext.Provider value={{ user, updateUser, setUser }}>
             {children}
         </UserContext.Provider>

diff --git a/frontend/src/pages/auth/ui/style.module.scss b/frontend/src/pages/auth/ui/style.module.scss
@@ -54,3 +54,11 @@
     }
 }
 
+.sub-button-list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+}
+
diff --git a/frontend/src/pages/auth/ui/sub.tsx b/frontend/src/pages/auth/ui/sub.tsx
@@ -1,7 +1,8 @@
-import { Button, Text } from "@gravity-ui/uikit"
+import { Button, Icon, Text } from "@gravity-ui/uikit"
 import styles from './style.module.scss'
 import { useContext } from "react"
 import { UserContext } from "../../../app/providers"
+import { LogoTelegram } from "@gravity-ui/icons"
 
 interface Props {
     link: string
@@ -11,8 +12,12 @@ export function ChannelPage({link}: Props) {
     const {updateUser} = useContext(UserContext)
 
     return <main className={styles['main']}>
-        <Text variant="header-1">Вы не подписаны на Подслушано 2107 🐝</Text>
-        <Button onClick={() => Telegram.WebApp.openTelegramLink(link)}>Подписаться</Button>
-        <Button onClick={updateUser}>Обновить</Button>
+        <div className={styles['sub-container']}>
+            <Text variant="header-1">Вы не подписаны на Подслушано 2107 🐝</Text>
+            <div className={styles['sub-button-list']}>
+                <Button view="action" onClick={() => Telegram.WebApp.openTelegramLink(link)}>Подслушано 2107 <Icon data={LogoTelegram}/></Button>
+                <Button onClick={updateUser}>Обновить</Button>
+            </div>
+        </div>
     </main>
 }