add required login

ArtisanConnect/app/registration.jsx

@@ -4,11 +4,13 @@ import {useAuthStore} from '@/store/authStore';
 import {useRouter} from 'expo-router';
 
 import {Box} from "@/components/ui/box"
-import {Button, ButtonText} from "@/components/ui/button"
+import {Button, ButtonText,ButtonIcon} from "@/components/ui/button"
+import {ArrowRightIcon} from "@/components/ui/icon"
 import {Center} from "@/components/ui/center"
 import {Heading} from "@/components/ui/heading"
 import {Input, InputField} from "@/components/ui/input"
 import {VStack} from "@/components/ui/vstack"
+import {Link} from "expo-router"
 
 export default function Registration() {
     const [email, setEmail] = useState('');
@@ -44,9 +46,18 @@ export default function Registration() {
     return (
         <SafeAreaView style={styles.container}>
             <Center>
+    
                 <Box className="p-5 w-[80%] border border-background-300 rounded-lg">
                     <VStack className="pb-4" space="xs">
                         <Heading className="leading-[30px]">Rejestracja</Heading>
+                        <Box className="flex flex-row">
+                           {/* <Link href="/login" asChild> */}
+                                <Button variant="link" size="sm" className="p-0" onPress={() => router.replace("/login")}>
+                                    <ButtonText style={styles.signupbutton}>Masz już konto? Zaloguj się!</ButtonText>
+                                    <ButtonIcon className="mr-1" size="md" as={ArrowRightIcon}/>
+                                </Button>
+                            {/* </Link>  */}
+                        </Box>
                     </VStack>
                     <VStack space="xl" className="py-2">
                         <Input>
@@ -69,6 +80,7 @@ export default function Registration() {
                         </Button>
                     </VStack>
                 </Box>
+             
             </Center>
         </SafeAreaView>
     );
@@ -93,4 +105,8 @@ const styles = StyleSheet.create({
         color: 'red',
         marginBottom: 10,
     },
+     signupbutton: {
+        fontWeight: '300',
+        textAlign: 'left',
+    },
 });