Merge pull request #31 from UselessStudio/release-0.2.1

Release 0.2.1
UselessStudio · Jul 3, 2024 · 8639a98 · 8639a98
2 parents 13bae1d + 3e57073
commit 8639a98
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # 🔐 [TeleOTP](http://t.me/TeleOTPAppBot)
 [![Deploy static content to Pages](https://github.com/UselessStudio/TeleOTP/actions/workflows/deploy.yml/badge.svg)](https://github.com/UselessStudio/TeleOTP/actions/workflows/deploy.yml)
 [![Build Telegram bot image](https://github.com/UselessStudio/TeleOTP/actions/workflows/bot.yml/badge.svg)](https://github.com/UselessStudio/TeleOTP/actions/workflows/bot.yml)
-[![Plausible analytics](https://img.shields.io/badge/Plausible-analytics-blue)](https://analytics.gesti.tech/teleotp.pages.dev)
+[![Plausible analytics](https://img.shields.io/badge/Plausible-analytics-blue)](https://analytics.gesti.tech/teleotp.gesti.tech)
 
 Telegram Mini App that allows you to generate one-time 2FA passwords inside Telegram.
 
@@ -782,4 +782,4 @@ export const icons: Record<string, SvgIconComponent> = {
 TeleOTP is made for [Telegram Mini App Contest](https://t.me/contest/327).
 
 Designed by [@lunnaholy](https://github.com/lunnaholy),
-implemented by [@LowderPlay](https://github.com/LowderPlay) with ❤️
+implemented by [@LowderPlay](https://github.com/LowderPlay) with ❤️
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="viewport-fit=contain, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum scale=1.0, user-scalable=no" />
     <title>Vite + React + TS</title>
     <script src="https://telegram.org/js/telegram-web-app.js"></script>
   </head>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "teleotp",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "homepage": "https://github.com/UselessStudio/TeleOTP",
   "scripts": {

diff --git a/src/components/TelegramTextField.tsx b/src/components/TelegramTextField.tsx
@@ -4,6 +4,9 @@ const TelegramTextField = styled((props: TextFieldProps) => (
     <TextField
         {...props}
         variant="standard"
+        onFocus={(e) => {
+            e.target.scrollIntoView({behavior: "smooth"});
+        }}
     />
 ))(({ theme }) => ({
     'label': {

diff --git a/src/pages/Decrypt.tsx b/src/pages/Decrypt.tsx
@@ -8,6 +8,7 @@ import LottieAnimation from "../components/LottieAnimation.tsx";
 import ClearIcon from '@mui/icons-material/Clear';
 import {useNavigate} from "react-router-dom";
 import {BiometricsManagerContext} from "../managers/biometrics.tsx";
+import { Fingerprint } from "@mui/icons-material";
 
 const Decrypt: FC = () => {
     const [password, setPassword] = useState("");
@@ -54,6 +55,19 @@ const Decrypt: FC = () => {
                     setWrongPassword(false);
                 }}
             />
+            {biometricsManager?.isSaved  && 
+                <Button
+                    size="small"
+                    sx={{
+                        borderRadius: 1000,
+                        width: 64,
+                        height: 64,
+                    }}
+                    onClick={() => {encryptionManager?.unlockBiometrics()}}
+                >
+                    <Fingerprint fontSize="large" />
+                </Button>
+            }
             {wrongPassword ?
                 <Button
                     startIcon={<ClearIcon />}