import AsyncStorage from '@react-native-async-storage/async-storage';
import {useFocusEffect} from '@react-navigation/native';
import React, {useCallback} from 'react';
import {SafeAreaView} from 'react-native';
import AppHeader from '../../components/AppHeader';
import ListCard from '../../components/ListCard';

const Bookmark = props => {
  useFocusEffect(
    useCallback(() => {
      AsyncStorage.getItem('bookmark')
        .then(data => {
          if (data !== null || data !== undefined) {
            console.log('data', data);
          }
        })
        .catch(error => console.log('failed to get data :' + error));
    }, []),
  );

  return (
    <SafeAreaView>
      <AppHeader />
      <ListCard />
    </SafeAreaView>
  );
};

export default Bookmark;