Revize f4af30c8

re #10895: ItemView redesign, refactor

src/pages/PlanViewPage.tsx

@@ -13 +13 @@
 import CastlePlanView from "../components/plan/CastlePlanView"
 
 import { Dimensions } from 'react-native';
+import { login } from "../stores/actions/userThunks"
 
 const PlanViewPage = ({ route, navigation }: DrawerScreenProps<RootStackParamList, 'Plan'>) => {
 
@@ -277 +278 @@
                         }
 
                       }}
-                      backgroundColor={"#654B07"}
+                      backgroundColor={"primary"}
                       variant="subtle"
                       borderRadius={10}
                       size={"sm"}
@@ -350 +351 @@
             onPress={() => { setCastlePlanShown(true) }}
           >
             <VStack alignItems={"center"}>
-              <Text bold={castlePlanShown} mb={castlePlanShown ? undefined : 2}>
+              <Text color="primary" bold={castlePlanShown} mb={castlePlanShown ? undefined : 2}>
                 Castle
               </Text>
-              {castlePlanShown && <Divider borderWidth={1} width={60} mt={2} />}
+              {castlePlanShown && <Divider color="primary" borderWidth={1} width={60} mt={2} />}
             </VStack>
           </Button>
           <Button
@@ -362 +363 @@
             onPress={() => { setCastlePlanShown(false) }}
           >
             <VStack alignItems={"center"}>
-              <Text bold={!castlePlanShown} mb={!castlePlanShown ? undefined : 2}>
+              <Text color="primary" bold={!castlePlanShown} mb={!castlePlanShown ? undefined : 2}>
                 Results
               </Text>
-              {!castlePlanShown && <Divider borderWidth={1} width={60} mt={2} />}
+              {!castlePlanShown && <Divider color="primary" borderWidth={1} width={60} mt={2} />}
             </VStack>
           </Button>
         </HStack>