working on guide button

tylim88 · May 1, 2023 · cbb102f · cbb102f
1 parent bd94258
commit cbb102f
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/src/components/Buttons/Guide.tsx b/src/components/Buttons/Guide.tsx
@@ -0,0 +1,14 @@
+import { Button } from '@mantine/core'
+
+export const GuideButton = () => {
+    return (
+        <>
+            <Button
+                variant='gradient'
+                gradient={{ from: 'teal', to: 'lime', deg: 105 }}
+            >
+                Guide
+            </Button>
+        </>
+    )
+}
diff --git a/src/components/Screens/Home.tsx b/src/components/Screens/Home.tsx
@@ -127,6 +127,7 @@ export const Home = () => {
                     {token !== undefined ? (
                         <Text>Available Tokens: {token}</Text>
                     ) : null}
+                    <Text>This is an open source project</Text>
                 </Stack>
             ) : (
                 <Login />

diff --git a/src/components/Screens/Recording.tsx b/src/components/Screens/Recording.tsx
@@ -1,4 +1,4 @@
-import { Stack } from '@mantine/core'
+import { Stack, Title } from '@mantine/core'
 import { useState } from 'react'
 import { AudioRecorder } from 'react-audio-voice-recorder'
 import { queryClient } from '~/client'
@@ -17,7 +17,10 @@ export const Recording = ({
     const [url, setURL] = useState<string | null>(null)
     const auth = useFirebaseStore((state) => state.auth)
     return (
-        <Stack align='center' justify='center'>
+        <Stack align='center' justify='center' mb='1.5rem'>
+            <Title mb='1.5rem' align='center'>
+                Translate Your Speech Into Japanese
+            </Title>
             <AudioRecorder
                 onRecordingComplete={async (blob) => {
                     setURL(null)