fix: fixed win/loose play again button

app.json

@@ -3,7 +3,7 @@
     "name": "suuudokuuu",
     "slug": "suuudokuuu",
     "scheme": "myapp",
-    "version": "1.0.1",
+    "version": "1.1.1",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "automatic",

app/loser/index.tsx

@@ -1,25 +1,17 @@
 import { View } from 'react-native';
 
-import { BlackButton } from '../../components/black-button/black-button';
 import { Header } from '../../components/header/header';
 import { PageHeader } from '../../components/page-header/page-header';
-import { useAppDispatch } from '../../hooks/redux.hook';
-import { appRootResetAction } from '../../store/app-root/app-root.actions';
+import { PlayAgainButton } from '../../components/play-again-button/play-again-button';
 
 import { LoserStyles as styles } from './loser.styles';
 
 export default function Loser() {
-    const dispatch = useAppDispatch();
-
-    const handlePlayAgain = () => {
-        dispatch(appRootResetAction);
-    };
-
     return (
         <View style={styles.container}>
             <PageHeader title="Looooooser! =)" />
             <Header text="Better next time! Loooooser =)" />
-            <BlackButton text={'Play again'} onPress={handlePlayAgain} href={'/'} />
+            <PlayAgainButton />
         </View>
     );
 }

app/winner/index.tsx

@@ -1,8 +1,8 @@
 import { View } from 'react-native';
 
-import { BlackButton } from '../../components/black-button/black-button';
 import { Header } from '../../components/header/header';
 import { PageHeader } from '../../components/page-header/page-header';
+import { PlayAgainButton } from '../../components/play-again-button/play-again-button';
 
 import { WinnerStyles as styles } from './winner.styles';
 
@@ -11,7 +11,7 @@ export default function Winner() {
         <View style={styles.container}>
             <PageHeader title="Winner!" />
             <Header text="Winner-winner, chicken dinner!" />
-            <BlackButton text={'Play again'} href={'/'} />
+            <PlayAgainButton />
         </View>
     );
 }

components/play-again-button/play-again-button.tsx

@@ -0,0 +1,13 @@
+import { useAppDispatch } from '../../hooks/redux.hook';
+import { appRootResetAction } from '../../store/app-root/app-root.actions';
+import { BlackButton } from '../black-button/black-button';
+
+export const PlayAgainButton = () => {
+    const dispatch = useAppDispatch();
+
+    const handlePlayAgain = () => {
+        dispatch(appRootResetAction());
+    };
+
+    return <BlackButton text="Play again" onPress={handlePlayAgain} href="/" />;
+};