import React, {Component} from 'react';
import {View, SafeAreaView} from 'react-native';

import public_css from '../../source/css/public_css';
import {RetrieveData} from '../../data/storage';
import {WebView} from 'react-native-webview';

export default class message_info extends Component {
  constructor(props) {
    super(props);
    this.state = {
      uri: 'https://www.chtax.cn/#/notice',
      injectedJavaScript: '',
    };
  }

  render() {
    const {injectedJavaScript = '', uri = ''} = this.state;
    return (
      <SafeAreaView style={public_css.body}>
        {injectedJavaScript ? (
          <WebView
            style={{backgroundColor: 'red'}}
            source={{uri: uri}}
            injectedJavaScript={injectedJavaScript}
          />
        ) : (
          <View />
        )}
      </SafeAreaView>
    );
  }

  //页面加载完成后加载数据
  async componentDidMount(): void {
    let account = await RetrieveData('account');
    let msgId = this.props.route.params.id;
    console.log(account);
    console.log(msgId);
    this.setState({
      injectedJavaScript: `localStorage.removeItem('account');localStorage.removeItem('msgId');localStorage.setItem('account','${account}');localStorage.setItem('msgId','${msgId}')`,
    });
  }
}