reactors/app/API/Gesture/index.js

View components and APIs that work web, mobile and desktop!

import Reactors from '../Core';

export const transformProps = (props) => {
  const {platform} = Reactors;
  const mutatedProps = {};
  for (const prop in props) {
    switch (prop) {
    default:
      mutatedProps[prop] = props[prop];
      break;
    case 'onPress':
      switch (platform) {
      default:
        mutatedProps[prop] = props[prop];
        break;
      case 'web':
      case 'desktop':
        mutatedProps.onClick = props[prop];
        delete props.onPress;
        break;
      }
      break;
    case 'onClick':
      switch (platform) {
      default:
        mutatedProps[prop] = props[prop];
        break;
      case 'mobile':
        mutatedProps.onPress = props[prop];
        break;
      }
      break;
    }
  }
  return {...props, ...mutatedProps};
};