SHARE
TWEET

Untitled

a guest Oct 9th, 2019 131 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React , {useEffect , useState} from 'react';
  2.  
  3. import './Cupons.css';
  4.  
  5. import api from '../services/api';
  6.  
  7. import Button from '@material-ui/core/Button'
  8. import Divider from '@material-ui/core/Divider';
  9. import InputLabel from '@material-ui/core/InputLabel';
  10. import TextField from '@material-ui/core/TextField'
  11. import { fade, withStyles, } from '@material-ui/core/styles';
  12. import InputBase from '@material-ui/core/InputBase';
  13.  
  14. import { makeStyles } from '@material-ui/core/styles';
  15. import Drawer from '@material-ui/core/Drawer';
  16.  
  17. import {TiThMenu} from 'react-icons/ti'
  18. import { blue } from '@material-ui/core/colors';
  19.  
  20.  
  21.  
  22.  
  23. const logo = require('../imgs/Home/logo_.png');
  24. const logoA = require('../imgs/Home/logo.png');
  25. const HeaderImage = require('../imgs/Home/IMG CAPA.png');
  26. const XImage = require('../imgs/Home/X.png');
  27.  
  28. const dog = require('../imgs/cupons/dog.png');
  29. const iconcoins = require('../imgs/Icones/coins.svg');
  30. const icondown = require('../imgs/Icones/down-arrow.svg');
  31. const iconface = require('../imgs/Icones/facebook.svg');
  32. const iconhand = require('../imgs/Icones/handshake.svg');
  33. const iconinsta = require('../imgs/Icones/instagram.svg');
  34. const iconlaugh = require('../imgs/Icones/laugh.svg');
  35.  
  36.  
  37. const Cupons = ({history}) => {
  38.  
  39.   var nomePopUp = "";
  40.   var sobrenomePopUp = "";
  41.   var emailPopUp = "";
  42.   var telefonePopUp = "";
  43.  
  44.     async function CadastrarPreRegistro(){
  45.       const result = await api.post("/registerpre",{
  46.         nome:  nomePopUp,
  47.         sobrenome: sobrenomePopUp,
  48.         email: emailPopUp,
  49.         telefone: telefonePopUp
  50.       })
  51.       if(result.data.result == "ok"){
  52.         alert("Registrado com Sucesso!");
  53.       }else {
  54.         alert("Erro!")
  55.       }
  56.     }
  57.  
  58.     const [menuMobile,setMenuMobile] = useState(false);
  59.  
  60.     const useStyles = makeStyles({
  61.       paper: {
  62.         background: 'black',
  63.         color: 'white'
  64.       }
  65.     })
  66.  
  67.     const CssTextField = withStyles({
  68.         root: {
  69.           '& label.Mui-focused': {
  70.             color: 'green',
  71.           },
  72.           '& .MuiInput-underline:after': {
  73.             borderBottomColor: 'green',
  74.           },
  75.           '& .MuiOutlinedInput-root': {
  76.             '& fieldset': {
  77.               borderColor: 'red',
  78.             },
  79.             '&:hover fieldset': {
  80.               borderColor: 'yellow',
  81.             },
  82.             '&.Mui-focused fieldset': {
  83.               borderColor: 'green',
  84.             },
  85.           },
  86.         },
  87.       })(TextField);
  88.  
  89.       window.scrollTo(0,1);
  90.      
  91.      
  92.  
  93.     const BootstrapInput = withStyles(theme => ({
  94.         root: {
  95.           'label + &': {
  96.             marginTop: theme.spacing(3),
  97.           },
  98.         },
  99.         input: {
  100.           borderRadius: 70,
  101.           position: 'relative',
  102.           backgroundColor: theme.palette.common.white,
  103.           border: '1px solid #ced4da',
  104.           fontSize: 16,
  105.           width: 'auto',
  106.           padding: '10px 12px',
  107.           transition: theme.transitions.create(['border-color', 'box-shadow']),
  108.           // Use the system font instead of the default Roboto font.
  109.           fontFamily: [
  110.             '-apple-system',
  111.             'BlinkMacSystemFont',
  112.             '"Segoe UI"',
  113.             'Roboto',
  114.             '"Helvetica Neue"',
  115.             'Arial',
  116.             'sans-serif',
  117.             '"Apple Color Emoji"',
  118.             '"Segoe UI Emoji"',
  119.             '"Segoe UI Symbol"',
  120.           ].join(','),
  121.           '&:focus': {
  122.             boxShadow: `${fade(theme.palette.primary.main, 0.25)} 0 0 0 0.2rem`,
  123.             borderColor: theme.palette.primary.main,
  124.           },
  125.         },
  126.       }))(InputBase);
  127.       const styles = useStyles();
  128.     return(
  129.             <div className="App">
  130.                <Drawer open={menuMobile}  classes={{ paper: styles.paper }}  onClose={() => setMenuMobile(false)}>
  131.               <nav id="menuBarMobile">
  132.                <img src={logo} width="150" onClick={() => {
  133.                           history.push('/')
  134.                       }} />
  135.                   <ul>    
  136.                          <li onClick={() => {
  137.                           history.push('/Sobre')
  138.                       }}>COMO FUNCIONA</li>
  139.                       <li onClick={() => {
  140.                           history.push('/diferencial')
  141.                       }}>NOSSO DIFERENCIAL</li>
  142.                       <li onClick={() => {
  143.                           history.push('/parceiro')
  144.                       }}>SEJA UM PARCEIRO</li>
  145.                       <li>PRODUTOS COM CASHBACK</li>
  146.                   </ul>
  147.                   <div class="butt">
  148.                   <h2 class="h3name-membros">{User.Empresa}</h2>
  149.  
  150.                   <button onClick={() => {
  151.                   alert('oi')
  152.                 }} class="btmembros" >ADICIONAR CUPOM</button>
  153.                 <button onClick={() => {
  154.                   alert('oi')
  155.                 }} class="btmembros" >MEUS CUPONS</button>
  156.                  <button onClick={() => {
  157.                   alert('oi')
  158.                 }} class="btmembros" >LEADS</button>
  159.          
  160.  
  161.                  <button onClick={() => {
  162.                   alert('oi')
  163.                 }} class="btmembros" >RELATÓRIO DE USUÁRIOS</button>
  164.                                   <h2 class="h2-saldo">Saldo</h2>
  165.                                   <h2 class="h2-cash">R$ {User.saldo}</h2>
  166.  
  167.                                   <button onClick={() => {
  168.                   alert('oi')
  169.                 }} class="btmembros" onClick={() => {
  170.                   localStorage.removeItem("user")
  171.                   history.push("/")
  172.                 }} >SAIR</button>
  173.             </div>
  174.                   <Divider/>  
  175.                   <Divider/>
  176.                   </nav>
  177.               </Drawer>
  178.           <div>
  179.         <div>
  180.           <div>
  181.            </div>            
  182.             </div>
  183.               </div>
  184.                 <nav id="menuBar">
  185.                   <img src={logo} width="150" onClick={() => {
  186.                           history.push('/')
  187.                       }} />
  188.                    <ul>    
  189.                          <li onClick={() => {
  190.                           history.push('/Sobre')
  191.                       }}>COMO FUNCIONA</li>
  192.                       <li onClick={() => {
  193.                           history.push('/diferencial')
  194.                       }}>NOSSO DIFERENCIAL</li>
  195.                       <li onClick={() => {
  196.                           history.push('/parceiro')
  197.                       }}>SEJA UM PARCEIRO</li>
  198.                       <li>PRODUTOS COM CASHBACK</li>
  199.                   </ul>
  200.                   <div class="butt">
  201.                   <h2 class="h3name-membros">{User.Empresa}</h2>
  202.  
  203.                   <button onClick={() => {
  204.                   alert('oi')
  205.                 }} class="btmembros" >ADICIONAR CUPOM</button>
  206.                 <button onClick={() => {
  207.                   alert('oi')
  208.                 }} class="btmembros" >MEUS CUPONS</button>
  209.                  <button onClick={() => {
  210.                   alert('oi')
  211.                 }} class="btmembros" >LEADS</button>
  212.          
  213.  
  214.                  <button onClick={() => {
  215.                   alert('oi')
  216.                 }} class="btmembros" >RELATÓRIO DE USUÁRIOS</button>
  217.                                   <h2 class="h2-saldo">Saldo</h2>
  218.                                   <h2 class="h2-cash">R$ {User.saldo}</h2>
  219.  
  220.                                   <button onClick={() => {
  221.                   alert('oi')
  222.                 }} class="btmembros" onClick={() => {
  223.                   localStorage.removeItem("user")
  224.                   history.push("/")
  225.                 }} >SAIR</button>
  226.             </div>
  227.                   <Divider/>  
  228.                   <Divider/>
  229.               </nav>
  230.                
  231.               <div className="headerApp">
  232.                 <nav id="MenuMobile">
  233.                       <TiThMenu id="menuBtnMobile" onClick={() => {setMenuMobile(true)}}/>
  234.                     </nav>
  235.                     <img  id="logoImage" src={HeaderImage}/>
  236.                     <div className="formDiv">
  237.                  
  238.                      </div>
  239.                      <div class="header-proper">
  240.    
  241.   </div>
  242. <div class="main" className="img-cupom">
  243.   <div class="content">
  244.   <h2 class="headcupom">Super-Destaques</h2>
  245.   <img src={dog}/>
  246.   <img src={dog}/>
  247.   <img src={dog}/>
  248.   <img src={dog}/>
  249.   <img src={dog}/>
  250.  
  251.  
  252.                        
  253.                         <h2 class="headcupom">Destaques</h2>
  254.                         <img src={dog}/>
  255.                         <img src={dog}/>
  256.                         <img src={dog}/>
  257.                         <img src={dog}/>
  258.                         <img src={dog}/>
  259.                                              
  260.  
  261.  
  262.                        
  263.                         <h2 class="headcupom">+ Cupons</h2>
  264.  
  265.                         <img src={dog}/>
  266.                         <img src={dog}/>
  267.                         <img src={dog}/>
  268.                         <img src={dog}/>
  269.                         <img src={dog}/>
  270.                        
  271.  
  272.  
  273.  
  274.    
  275.     </div>
  276.    
  277. </div>
  278.  
  279.                 </div>
  280.  
  281.             </div>
  282.     )
  283.  
  284.    
  285. }
  286. const {  DeviceEventEmitter } = React
  287.  
  288. class MyClass {
  289.   constructor() {
  290.      this.state = {
  291.        btnLocation: 0
  292.      }
  293.   }
  294.  
  295.   componentWillMount() {
  296.      DeviceEventEmitter.addListener('keyboardWillShow', this.keyboardWillShow.bind(this))
  297.      DeviceEventEmitter.addListener('keyboardWillHide', this.keyboardWillHide.bind(this))
  298.   }
  299.  
  300.   keyboardWillShow(e) {
  301.     this.setState({btnLocation: e.endCoordinates.height})
  302.   }
  303.  
  304.   keyboardWillHide(e) {
  305.     this.setState({btnLocation: 0})
  306.   }
  307. }
  308. export default Cupons;
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top