JSFiddle - React, Tailwind, and code Playground

by Tan Kucukhas

JavaScript

import React, {useEffect, useState} from 'react';
import {TouchableOpacity, Platform, View} from 'react-native';
import {ScaledSheet} from 'react-native-size-matters';
import {getVersion} from 'react-native-device-info';
import {COLORS} from '../Helpers/Constants';
import codePush from 'react-native-code-push';
import Toast from 'react-native-root-toast';
import CodePush from 'react-native-code-push';
import {T} from './T';

export function UpdateStaging() {
  const styles = ScaledSheet.create({
    AppVersion: {
      textAlign: 'center',
      color: COLORS.GRAY_450,
      paddingBottom: '5@vs',
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      flexDirection: 'row',
    },
    Button: {
      paddingVertical: '12@vs',
    },
  });
  const [metadata, setMetadata] = useState({});
  const [longPress, setLongPress] = useState(0);
  const [press, setPress] = useState(0);
  useEffect(() => {
    codePush.getUpdateMetadata().then(m => {
      setMetadata(m);
    });
  }, []);

  const codePushStatusDidChange = syncStatus => {
    switch (syncStatus) {
      case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
        console.log({syncMessage: 'Checking for update.'});
        break;
      case CodePush.SyncStatus.DOWNLOADING_PACKAGE:
        console.log({syncMessage: 'Downloading package.'});
        break;
      case CodePush.SyncStatus.AWAITING_USER_ACTION:
        console.log({syncMessage: 'Awaiting user action.'});
        break;
      case CodePush.SyncStatus.INSTALLING_UPDATE:
        console.log({syncMessage: 'Installing update.'});
        break;
      case CodePush.SyncStatus.UP_TO_DATE:
        console.log({syncMessage: 'App up to date.', progress: false});
        break;
      case CodePush.SyncStatus.UPDATE_IGNORED:
        console.log({
          syncMessage: 'Update cancelled by user.',
          progress: false,
        });
        break;
      case CodePush.SyncStatus.UPDATE_INSTALLED:
        console.log({
         ...