[KW-341] fix: qr버튼 수정, 목업데이터 수정

components/cards/QrCard.js

@@ -3,10 +3,8 @@ import { View, Text, Image, ScrollView } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import QRCode from 'react-native-qrcode-svg';
 
-import NormalButton from '../../components/buttons/NormalButton';
 import { styles } from './styles/QrCard.styles';
 import { colors } from '../../constants/colors';
-import { hospitalName } from '../../mocks/hospitalData';
 
 // hasAccessAuthority: 출입 권한 여부, userVC : VC에 담을 사용자 정보, qrData : QR에 담을 JSON 문자열
 const QrCard = ({ hasAccessAuthority, did, userName, hospitalName, startDate, expireDate }) => {

components/cards/QrCards.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { FlatList, View, Dimensions, TouchableOpacity } from 'react-native';
 import QrCard from './QrCard';
 import styles from './styles/QrCards.styles';
@@ -9,10 +9,19 @@ const { width } = Dimensions.get('window');
 const CARD_WIDTH = width;
 const OVERLAP = 80; // 카드가 겹치는 정도
 
-const QrCards = ({ userVC, hasAccessAuthority }) => {
-  const [pageIndex, setPageIndex] = useState(0);
+const QrCards = ({ userVC, hasAccessAuthority, initialIndex = 0 }) => {
+  const [pageIndex, setPageIndex] = useState(initialIndex);
   const flatListRef = useRef(null);
 
+  useEffect(() => {
+    // 초기 인덱스가 바뀌거나, userVC 길이 변화시
+    if (flatListRef.current && initialIndex >= 0 && initialIndex < userVC.length) {
+      const offset = initialIndex * (CARD_WIDTH - OVERLAP);
+      flatListRef.current.scrollToOffset({ offset, animated: true });
+      setPageIndex(initialIndex);
+    }
+  }, [initialIndex, userVC.length]);
+
   // 권한 없거나 카드 데이터 없으면 안내 메시지 카드만
   if (!hasAccessAuthority || !userVC || userVC.length === 0) {
     return (

mocks/mockAccessList.js

@@ -0,0 +1,76 @@
+export const mockAccessList = [
+  {
+    passId: 4,
+    memberId: 1,
+    hospitalId: 1,
+    accessAreaNames: [
+      '본관 5층 내과병동 501호',
+      '본관 5층 내과병동 502호',
+      '본관 5층 내과병동 503호',
+    ],
+    visitCategory: 'PATIENT',
+    patientId: 9,
+    startedAt: '2025-05-20T06:35:05',
+    expiredAt: '2025-05-22T06:33:09',
+  },
+  {
+    passId: 5,
+    memberId: 1,
+    hospitalId: 1,
+    accessAreaNames: ['신관 3층 외과병동 301호', '신관 4층 외과병동 402호'],
+    visitCategory: 'PATIENT',
+    patientId: 9,
+    startedAt: '2025-05-21T08:06:27',
+    expiredAt: '2025-05-22T08:06:00',
+  },
+  {
+    passId: 6,
+    memberId: 1,
+    hospitalId: 2,
+    accessAreaNames: ['암센터 7층 항암치료실 701호'],
+    visitCategory: 'GUARDIAN',
+    patientId: 10,
+    startedAt: '2025-05-15T08:08:15',
+    expiredAt: '2025-05-17T08:06:54',
+  },
+  {
+    passId: 7,
+    memberId: 1,
+    hospitalId: 3,
+    accessAreaNames: ['본관 3층 내과병동 305호', '본관 4층 외과병동 410호'],
+    visitCategory: 'GUARDIAN',
+    patientId: 10,
+    startedAt: '2025-05-17T08:08:15',
+    expiredAt: '2025-05-18T08:06:54',
+  },
+  {
+    passId: 8,
+    memberId: 1,
+    hospitalId: 3,
+    accessAreaNames: ['소망관 3층 응급의학과 외상전용 수술실 320호'],
+    visitCategory: 'GUARDIAN',
+    patientId: 10,
+    startedAt: '2025-05-15T08:08:15',
+    expiredAt: '2025-06-16T08:06:54',
+  },
+  {
+    passId: 9,
+    memberId: 1,
+    hospitalId: 3,
+    accessAreaNames: ['소망관 3층 응급의학과 외상전용 수술실 320호'],
+    visitCategory: 'GUARDIAN',
+    patientId: 10,
+    startedAt: '2025-05-15T08:08:15',
+    expiredAt: '2025-06-19T08:06:54',
+  },
+  {
+    passId: 10,
+    memberId: 1,
+    hospitalId: 8,
+    accessAreaNames: ['소망관 3층 지수전용 320호'],
+    visitCategory: 'GUARDIAN',
+    patientId: 10,
+    startedAt: '2025-05-15T08:08:15',
+    expiredAt: '2025-06-19T08:06:54',
+  },
+];

modals/MyAccessDetailModal.js

@@ -15,6 +15,9 @@ const MyAccessDetailModal = ({ isVisible, onClose, onConfirm, data }) => {
         ? '내 환자'
         : '상대방';
 
+  // QR 버튼 노출 조건
+  const isQrAvailable = data.approval === '출입 가능';
+
   return (
     <Modal isVisible={isVisible} onBackdropPress={onClose}>
       <View style={styles.modalContainer}>
@@ -31,8 +34,8 @@ const MyAccessDetailModal = ({ isVisible, onClose, onConfirm, data }) => {
             <Text style={styles.modalText}>승인 여부: {data.approval}</Text>
             <Text style={styles.modalText}>환자 번호: {data.patientNumber}</Text>
           </View>
-          <Text style={styles.modalContentTitle}>{relationTitle}</Text>
           <View style={styles.textContainer}>
+            <Text style={styles.modalContentTitle}>{relationTitle}</Text>
             <Text style={styles.modalText}>{`김지수\t|\t010-0000-0000`}</Text>
             <Text style={styles.modalText}>{`손민지\t|\t010-1111-1111`}</Text>
           </View>
@@ -42,9 +45,11 @@ const MyAccessDetailModal = ({ isVisible, onClose, onConfirm, data }) => {
           <TouchableOpacity style={[styles.button, styles.cancelButton]} onPress={onClose}>
             <Text style={styles.buttonText}>닫기</Text>
           </TouchableOpacity>
-          <TouchableOpacity style={[styles.button, styles.QRButton]} onPress={onConfirm}>
-            <Text style={styles.buttonText}>QR</Text>
-          </TouchableOpacity>
+          {isQrAvailable && (
+            <TouchableOpacity style={[styles.button, styles.QRButton]} onPress={onConfirm}>
+              <Text style={styles.buttonText}>QR</Text>
+            </TouchableOpacity>
+          )}
         </View>
       </View>
     </Modal>

modals/styles/MyAccessDetailModal.styles.js

@@ -16,19 +16,20 @@ export const styles = StyleSheet.create({
     fontSize: 22,
     fontWeight: '600',
     color: colors.black,
-    marginTop: '7%',
+    marginTop: '10%',
     alignSelf: 'center',
   },
   modalContentTitle: {
     fontSize: 17,
     fontWeight: '500',
     color: colors.black,
-    marginTop: '5%',
+    marginVertical: '5%',
     alignSelf: 'center',
   },
   textContainer: {
-    marginTop: '3%',
-    marginBottom: '7%',
+    marginTop: '7%',
+    marginBottom: '5%',
+    gap: '3%',
   },
   modalText: {
     fontSize: 17,
@@ -41,7 +42,7 @@ export const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignSelf: 'stretch',
-    // marginVertical: '7%',
+    marginVertical: '7%',
     gap: '5%',
   },
   button: {

pages/AccessRequestRolePage.js

@@ -46,6 +46,13 @@ const AccessRequestRolePage = ({ route }) => {
 
   const navigation = useNavigation();
 
+  const navigateToHome = () => {
+    navigation.reset({
+      index: 0,
+      routes: [{ name: 'MainPage' }],
+    });
+  };
+
   const handlePatientButton = () => {
     setIsVerified(false);
     setVerifiedData(null);
@@ -92,7 +99,7 @@ const AccessRequestRolePage = ({ route }) => {
     setShowSuccessAlert(false);
 
     // 메인 페이지로 이동되도록 설정
-    navigation.navigate('MainPage');
+    navigateToHome();
   };
 
   return (