telegram: now able to delete it

src/components/auth/oauth/TelegramLoginForm/index.tsx

@@ -1,24 +1,45 @@
-import React, { FC, useEffect } from 'react';
+import React, { FC } from 'react';
 
 import TelegramLoginButton, {
   TelegramUser,
 } from '@v9v/ts-react-telegram-login';
 
+import { LoaderCircle } from '~/components/input/LoaderCircle';
+
+import styles from './styles.module.scss';
+
 interface TelegramLoginFormProps {
   botName: string;
+  loading?: boolean;
   onSuccess?: (token: TelegramUser) => void;
 }
 
 const TelegramLoginForm: FC<TelegramLoginFormProps> = ({
   botName,
+  loading,
   onSuccess,
 }) => {
   return (
-    <TelegramLoginButton
-      dataOnAuth={onSuccess}
-      botName={botName}
-      requestAccess
-    />
+    <div className={styles.container}>
+      <div className={styles.text}>
+        {loading ? (
+          <LoaderCircle />
+        ) : (
+          <div>
+            После успешной авторизации аккаунт появится в настройках вашего
+            профиля
+          </div>
+        )}
+      </div>
+
+      <div className={styles.button}>
+        <TelegramLoginButton
+          dataOnAuth={onSuccess}
+          botName={botName}
+          requestAccess
+        />
+      </div>
+    </div>
   );
 };