-/**

- * @format

- */

-

-import 'react-native';

-import React from 'react';

-import App from '../App';

-

-// Note: import explicitly to use the types shiped with jest.

-import {it} from '@jest/globals';

-

-// Note: test renderer must be required after react-native.

-import renderer from 'react-test-renderer';

-

-it('renders correctly', () => {

-  renderer.create(<App />);

-});

-import {UserProvider} from './contexts/UserContext';

-import Navigation from './navigations';

-

-const App = () => {

-  return (

-    <UserProvider>

-      <Navigation />

-    </UserProvider>

-  );

-};

-

-export default App;

-export const WHITE = '#ffffff';

-export const BLACK = '#000000';

-export const GRAY = '#a3a3a3';

-

-export const PRIMARY = {

-  DARK: '#0E56AA',

-  DEFAULT: '#3E78BB',

-  LIGHT: '#B7CDE6',

-};

-

-export const SBTN = {

-  DEFAULT: '#DBE6F2',

-  DARK: '#B3BECA',

-};

-import {ActivityIndicator, Pressable, StyleSheet, Text} from 'react-native';

-import PropTypes from 'prop-types';

-import {GRAY, PRIMARY, WHITE} from '../color';

-

-const Button = ({title, onPress, disabled, isLoading}) => {

-  return (

-    <Pressable

-      onPress={onPress}

-      style={({pressed}) => [

-        styles.container,

-        {backgroundColor: PRIMARY.DEFAULT},

-        pressed && {backgroundColor: PRIMARY.DARK},

-        disabled && {backgroundColor: PRIMARY.LIGHT},

-      ]}

-      disabled={disabled}>

-      {isLoading ? (

-        <ActivityIndicator size={'small'} color={GRAY} />

-      ) : (

-        <Text style={styles.title}>{title}</Text>

-      )}

-    </Pressable>

-  );

-};

-

-Button.propTypes = {

-  title: PropTypes.string.isRequired,

-  onPress: PropTypes.func.isRequired,

-  disabled: PropTypes.bool,

-  isLoading: PropTypes.bool,

-};

-

-const styles = StyleSheet.create({

-  container: {

-    backgroundColor: PRIMARY.DEFAULT,

-    borderRadius: 8,

-    justifyContent: 'center',

-    alignItems: 'center',

-    paddingVertical: 15,

-  },

-  title: {

-    color: WHITE,

-    fontSize: 16,

-    fontWeight: '700',

-    lineHeight: 20,

-  },

-});

-

-export default Button;

-import React from 'react';

-import { View, StyleSheet } from 'react-native';

-import { Circle, G, Svg, Text } from 'react-native-svg';

-import { BLACK } from '../color';

-

-const CircularProgressBar = ({ percentage }) => {

-  // 원의 반지름

-  const radius = 30;

-

-  // 원의 중심 좌표

-  const centerX = radius + 5; // X 좌표

-  const centerY = radius + 5; // Y 좌표

-

-  // 원의 둘레

-  const circumference = 2 * Math.PI * radius;

-

-  // 원의 시작 각도 (12시 방향이 0도)

-  const startAngle = -Math.PI / 2;

-

-  // 퍼센티지에 따른 끝 각도 계산

-  const endAngle = startAngle + (percentage / 100) * (2 * Math.PI);

-

-  return (

-    <View style={styles.container}>

-      <Svg width={2 * (radius + 5)} height={2 * (radius + 5)}>

-        <G>

-          {/* 배경 원 */}

-          <Circle

-            r={radius}

-            cx={centerX}

-            cy={centerY}

-            fill="none"

-            stroke="#ddd"

-            strokeWidth={10}

-          />

-          {/* 원형 그래프 */}

-          <Circle

-            r={radius}

-            cx={centerX}

-            cy={centerY}

-            fill="none"

-            stroke="#007AFF" // 원형 그래프의 색상

-            strokeWidth={10} // 원형 그래프의 두께

-            strokeDasharray={`${circumference}, ${circumference}`}

-            strokeDashoffset={circumference - (percentage / 100) * circumference}

-          />

-          {/* 텍스트 */}

-          <Text

-            x={centerX - 7}

-            y={centerY + 5} // 텍스트 위치 조절

-            fontSize="15"

-            textAnchor="middle"

-            fill={BLACK} // 텍스트 색상

-          >

-            {percentage}%

-          </Text>

-        </G>

-      </Svg>

-    </View>

-  );

-};

-

-const styles = StyleSheet.create({

-  container: {

-    alignItems: 'center',

-    justifyContent: 'center',

-    marginRight:10,

-  },

-});

-

-export default CircularProgressBar;

-import {Pressable, StyleSheet, Text, View} from 'react-native';

-import {memo} from 'react';

-import { useNavigation } from '@react-navigation/native';

-import { useEffect, useState } from 'react';

-

-const DetailListItem = memo(({name, item}) => {

-  const navigation = useNavigation();

-  const [statusMessage, setStatusMessage] = useState('');

-

-  useEffect(() => {

-    if (item.status === 'Y') {

-      setStatusMessage("서명완료");

-    } else if (item.status === 'N') {

-      setStatusMessage("진행중");

-    } else if (item.status === 'X') {

-      setStatusMessage("반려");

-  }

-  }, [statusMessage]);

-  return (

-    <Pressable>

-      <View style={styles.container}>

-        <View style={styles.left}>

-          <Text>{item.department}</Text>

-          <Text> {item.name}</Text>

-        </View>

-

-        <View style={styles.right}>

-            <Text>{statusMessage}</Text>

-          <Text>{item.datetime}</Text>

-        </View>

-      </View>

-    </Pressable>

-  );

-});

-

-DetailListItem.displayName = 'DetailListItem';

-

-const styles = StyleSheet.create({

-  container: {

-    flexDirection: 'column',

-    marginHorizontal: 10,

-    marginVertical:5,

-    borderBottomWidth: 0.5,

-    paddingVertical: 5,

-    paddingHorizontal: 15,

-    },

-    left: {

-        flexDirection: 'row',

-    },

-    right: {

-        flexDirection: 'column',

-        alignItems: 'flex-end',

-    }

-});

-

-export default DetailListItem;

-import {Image, StyleSheet, Text, View} from 'react-native';

-import {PRIMARY} from '../color';

-

-const EmptyList = () => {

-  return (

-    <View style={styles.container}>

-      <Text style={styles.title}>기록이 없습니다.</Text>

-    </View>

-  );

-};

-const styles = StyleSheet.create({

-  container: {

-    flex: 1,

-    justifyContent: 'center',

-    alignItems: 'center',

-  },

-  title: {

-    fontSize: 18,

-    marginTop: 10,

-    fontWeight: '700',

-    color: PRIMARY.DEFAULT,

-  },

-});

-export default EmptyList;

-import {Pressable, StyleSheet, Text, View} from 'react-native';

-import {memo} from 'react';

-import {useNavigation} from '@react-navigation/native';

-import { BLACK } from '../color';

-import { useEffect, useState } from 'react';

-

-const ListItem = memo(({name, item}) => {

-  const navigation = useNavigation();

-  const [stageMessage, setStageMessage] = useState('');

-

-  useEffect(() => {

-  if (item.stage === 0) {

-    setStageMessage('서명 진행중');

-  } else if (item.stage === -1) {

-    setStageMessage('반려 처리');

-  } else if (item.stage >= 1) {

-    setStageMessage(`${item.stage}차 서명완료`);

-  }

-  }, [stageMessage]);

-  

-  return (

-    <Pressable

-      onPress={() => {

-        navigation.navigate('ListDetail', {

-            document_id: item.document_id,

-            document_name: item.document_name,

-            main_department: item.main_department,

-            reg_date: item.reg_date,

-            name: item.name, 

-            stage: stageMessage

-          });

-    }}

-    hitSlop={10}

-    >

-      <View style={styles.container}>

-        <View>

-          <Text>{stageMessage}</Text>

-          <Text>제목: {item.document_name}</Text>

-          <Text>기안자: {item.main_department} {item.name}</Text>

-        </View>

-

-        <View>

-          <Text>기안일자: {item.reg_date}</Text>

-        </View>

-      </View>

-    </Pressable>

-  );

-});

-

-ListItem.displayName = 'ListItem';

-

-const styles = StyleSheet.create({

-  container: {

-    flexDirection: 'column',

-    marginHorizontal: 10,

-    marginVertical:10,

-    paddingVertical: 10,

-    paddingHorizontal: 15,

-    borderRadius: 20,

-    borderColor: BLACK,

-    borderWidth: 1,

-    

-  },

-});

-

-export default ListItem;

-import {StyleSheet, Text, TextInput, View} from 'react-native';

-import PropTypes from 'prop-types';

-import {forwardRef, useState} from 'react';

-import {GRAY, BLACK, PRIMARY, WHITE} from '../color';

-import Icon from 'react-native-vector-icons/Ionicons';

-

-export const ReturnKeyTypes = {

-  DONE: 'done',

-  NEXT: 'next',

-};

-

-export const IconNames = {

-  ID: 'mail',

-  PASSWORD: 'lock-closed',

-};

-

-const Input = forwardRef(({placeholder, value, iconName, ...props}, ref) => {

-  const [isFocused, setIsFocused] = useState(false);

-

-  return (

-    <View style={styles.container}>

-      <View>

-        <TextInput

-          ref={ref}

-          {...props}

-          value={value}

-          style={[

-            styles.input,

-            iconName && {paddingLeft: 50},

-            value && styles.hasValueInput,

-            isFocused && styles.focusedInput,

-          ]}

-          autoCapitalize={'none'}

-          autoCorrect={false}

-          autoCompleteType={'off'}

-          textContentType={'none'}

-          keyboardAppearance={'light'}

-          onBlur={() => setIsFocused(false)}

-          onFocus={() => setIsFocused(true)}

-          placeholder={placeholder}

-        />

-

-        <View style={styles.icon}>

-          <Icon

-            name={iconName}

-            size={20}

-            color={WHITE}

-            // color={(() => {

-            //   switch (true) {

-            //     case isFocused:

-            //       return PRIMARY.DEFAULT;

-            //     case !!value:

-            //       return BLACK;

-            //     default:

-            //       return GRAY;

-            //   }

-            // })()}

-          />

-        </View>

-      </View>

-    </View>

-  );

-});

-Input.displayName = 'Input';

-

-Input.defaultProps = {

-  returnKeyType: ReturnKeyTypes.DONE,

-};

-

-Input.propTypes = {

-  title: PropTypes.string,

-  placeholder: PropTypes.string,

-  value: PropTypes.string,

-  iconName: PropTypes.oneOf(Object.values(IconNames)),

-};

-

-const styles = StyleSheet.create({

-  container: {

-    width: '100%',

-    paddingHorizontal: 15,

-    marginVertical: 10,

-  },

-  title: {

-    marginBottom: 4,

-    color: GRAY,

-  },

-  focusedTitle: {

-    fontWeight: '600',

-    color: PRIMARY.DEFAULT,

-  },

-  hasValueTitle: {

-    color: BLACK,

-  },

-  input: {

-    borderWidth: 1,

-    borderRadius: 10,

-    borderColor: '#E7EEEE',

-    // paddingHorizontal: 20,

-    // height: 42,

-    // paddingLeft: 5,

-  },

-  focusedInput: {

-    borderBottomWidth: 2,

-    borderBottomColor: PRIMARY.DEFAULT,

-    color: PRIMARY.DEFAULT,

-  },

-  hasValueInput: {

-    borderColor: BLACK,

-    color: BLACK,

-  },

-  icon: {

-    position: 'absolute',

-    width: 'auto',

-    height: '100%',

-    justifyContent: 'center',

-    backgroundColor: PRIMARY.DEFAULT,

-    padding: 10,

-    borderTopLeftRadius: 10,

-    borderBottomLeftRadius: 10,

-  },

-});

-

-export default Input;

-import {createContext, useContext, useState} from 'react';

-import PropTypes from 'prop-types';

-

-const UserContext = createContext();

-export const UserProvider = ({children}) => {

-  const [user, setUser] = useState(null);

-  return (

-    <UserContext.Provider value={{user, setUser}}>

-      {children}

-    </UserContext.Provider>

-  );

-};

-

-UserProvider.propTypes = {

-  children: PropTypes.node,

-};

-

-export const useUserContext = () => useContext(UserContext);

-

-export default UserContext;

-import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';

-import HomeScreen from '../screens/HomeScreen.js';

-import {PRIMARY, WHITE} from '../color';

-import Icon from 'react-native-vector-icons/Ionicons';

-import SettingsScreen from '../screens/SettingsScreen.js';

-import SignatureScreen from '../screens/SignatureScreen.js';

-

-const Tab = createBottomTabNavigator();

-

-const BottomStack = () => {

-  Icon.loadFont(); // Ionicons 폰트 로드

-  return (

-    <Tab.Navigator

-      initialRouteName="Home" screenOptions={{ headerShown: false }}>

-      <Tab.Screen

-        name="Home"

-        component={HomeScreen}

-        options={{

-          title: '홈',

-          tabBarLabel: '홈',

-          tabBarIcon: ({color, size}) => (

-            <Icon name="home-outline" color={color} size={size} />

-          ),

-        }}

-      />

-      <Tab.Screen

-        name="Signature"

-        component={SignatureScreen}

-        options={{

-          tabBarLabel: '서명 문서',

-          title: '서명 문서',

-          tabBarIcon: ({color, size}) => (

-            <Icon name="document-text-outline" color={color} size={size} />

-          ),

-        }}

-      />

-      <Tab.Screen

-        name="Settings"

-        component={SettingsScreen}

-        options={{

-          tabBarLabel: '환경설정',

-          title: '환경설정',

-          headerStyle: {

-            backgroundColor: PRIMARY.DEFAULT,

-          },

-          headerTintColor: WHITE,

-          tabBarIcon: ({color, size}) => (

-            <Icon name="settings-outline" color={color} size={size} />

-          ),

-        }}

-      />

-    </Tab.Navigator>

-  );

-};

-export default BottomStack;

-import { Button,Text ,View} from 'react-native';

-import { createStackNavigator } from '@react-navigation/stack';

-import BottomStack from './BottomStack';

-import ListDetailScreen from '../screens/ListDetailScreen';

-import {useNavigation} from '@react-navigation/native';

-import { PRIMARY } from '../color';

-import { TouchableOpacity } from 'react-native-gesture-handler';

-import { useEffect, useState } from 'react';

-import { url } from '../url';

-const Stack = createStackNavigator();

-

-

-const MainStack = () => {

-  const navigation = useNavigation();

-  const [user, setUser] = useState(''); 

-  const [department, setDepartment] = useState(''); 

-  useEffect(() => {

-     // 세션 정보를 가져옴

-    getSession();

-  }, []); // 여기에서는 세션 정보를 한 번만 가져오도록 수정

-

-  // 세션 정보를 가져오는 함수

-  const getSession = async () => {

-    try {

-      const response = await fetch(`${url}/`); // 세션 정보를 가져오는 엔드포인트로 변경

-      if (response.ok) {

-        const data = await response.json();

-        console.log('서버에서 받은 세션 정보mainstack:', data);

-        setUser(data.user);

-        setDepartment(data.department);

-      } else {

-        console.error('세션 정보를 가져오는 데 실패했습니다.');

-      }

-    } catch (error) {

-      console.error('오류:', error);

-    }

-  };

-  

-  return (

-      <Stack.Navigator initialRouteName="BottomHome" screenOptions={{

-        title: 'KOGAS',

-        tabBarActiveTintColor: PRIMARY.DEFAULT,

-        headerTitleAlign: 'center',

-        headerTintColor: PRIMARY.DEFAULT,

-      headerTitleStyle: { fontWeight: '700' },

-        headerRight: () => (

-    <TouchableOpacity onPress={() => {/* 오른쪽 헤더 버튼 눌렀을 때 수행할 동작 */}}>

-            <View><Text>{department}</Text>

-            <Text>{user}</Text></View>

-    </TouchableOpacity>

-  ),

-      }}>

-          <Stack.Screen

-        name="BottomHome"

-        component={BottomStack}

-        options={{

-          headerLeft: null, // 뒤로 가기 버튼 숨김

-        }}

-      />

-      <Stack.Screen name="ListDetail"

-        component={ListDetailScreen}/>

-      </Stack.Navigator>

-  );

-};

-export default MainStack;

-import { NavigationContainer } from '@react-navigation/native';

-import { createStackNavigator } from '@react-navigation/stack';

-import React, { useEffect, useState } from 'react';

-import SignInScreen from '../screens/SignInScreen';

-import MainStack from './MainStack';

-import { url } from '../url';

-

-const RootStack = createStackNavigator();

-

-const Navigation = () => {

-  const [session, setSession] = useState(''); // 세션 정보가 유효한지 여부

-

-  useEffect(() => {

-     // 세션 정보를 가져옴

-    getSession();

-  }, []); // 여기에서는 세션 정보를 한 번만 가져오도록 수정

-

-  // 세션 정보를 가져오는 함수

-  const getSession = async () => {

-    try {

-      const response = await fetch(`${url}/`); // 세션 정보를 가져오는 엔드포인트로 변경

-      if (response.ok) {

-        const data = await response.json();

-        console.log('서버에서 받은 세션 정보index:', data);

-        if (data) {

-        setSession(data.user);

-      }

-      } else {

-        console.error('세션 정보를 가져오는 데 실패했습니다.');

-      }

-    } catch (error) {

-      console.error('오류:', error);

-    }

-  };

-

-  return (

-    <NavigationContainer>

-      <RootStack.Navigator

-        //initialRouteName={session!==undefined ? 'Main' : 'Login'}  // 세션 정보에 따라 초기 라우트 설정

-        initialRouteName={'Login'}  // 세션 정보에 따라 초기 라우트 설정

-        screenOptions={{ headerShown: false }}

-      >

-        <RootStack.Screen name="Login" component={SignInScreen} />

-        <RootStack.Screen name="Main" component={MainStack} />

-      </RootStack.Navigator>

-    </NavigationContainer>

-  );

-};

-

-export default Navigation;