Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5348 stevensc 1 
import React, { useState } from 'react'
2 
import { EmojiActivity } from './emojis/EmojiActivity'
3 
import { EmojiFlags } from './emojis/EmojiFlags'
4 
import { EmojiFood } from './emojis/EmojiFood'
5 
import { EmojiNature } from './emojis/EmojiNature'
6 
import { EmojiObjects } from './emojis/EmojiObjects'
7 
import { EmojiPeople } from './emojis/EmojiPeople'
8 
import { EmojiSymbols } from './emojis/EmojiSymbols'
9 
import { EmojiTravel } from './emojis/EmojiTravel'
1 www 10 
 
5348 stevensc 11 
const Emojione = ({ onClickEmoji }) => {
12 
  const [currentTab, setCurrentTab] = useState('people')
1 www 13 
 
14 
  const emojiTabs = {
5348 stevensc 15 
    activity: 'activity',
16 
    flags: 'flags',
17 
    food: 'food',
18 
    nature: 'nature',
19 
    objects: 'objects',
20 
    people: 'people',
21 
    symbols: 'symbols',
22 
    travel: 'travel'
23 
  }
1 www 24 
 
5348 stevensc 25 
  const handleChangeTab = (tabToChange) => setCurrentTab(tabToChange)
1 www 26 
 
27 
  return (
5348 stevensc 28 
    <>
1 www 29 
      <div className="smiley-panel">
5348 stevensc 30 
        <ul className="nav customtab2 nav-tabs menu-tabs">
31 
          <li className={`menu-item ${currentTab === emojiTabs.people ? 'active' : ''}`}>
1 www 32 
            <a onClick={() => handleChangeTab(emojiTabs.people)}>
33 
              <i className="ti-face-smile"></i>
34 
            </a>
35 
          </li>
5348 stevensc 36 
          <li className={`menu-item ${currentTab === emojiTabs.nature ? 'active' : ''}`}>
1 www 37 
            <a onClick={() => handleChangeTab(emojiTabs.nature)}>
38 
              <i className="ti-gallery"></i>
39 
            </a>
40 
          </li>
5348 stevensc 41 
          <li className={`menu-item ${currentTab === emojiTabs.food ? 'active' : ''}`}>
1 www 42 
            <a onClick={() => handleChangeTab(emojiTabs.food)}>
43 
              <i className="fa fa-cutlery"></i>
44 
            </a>
45 
          </li>
5348 stevensc 46 
          <li className={`menu-item ${currentTab === emojiTabs.activity ? 'active' : ''}`}>
1 www 47 
            <a onClick={() => handleChangeTab(emojiTabs.activity)}>
48 
              <i className="ti-basketball"></i>
49 
            </a>
50 
          </li>
5348 stevensc 51 
          <li className={`menu-item ${currentTab === emojiTabs.travel ? 'active' : ''}`}>
1 www 52 
            <a onClick={() => handleChangeTab(emojiTabs.travel)}>
53 
              <i className="fa fa-car"></i>
54 
            </a>
55 
          </li>
5348 stevensc 56 
          <li className={`menu-item ${currentTab === emojiTabs.objects ? 'active' : ''}`}>
1 www 57 
            <a onClick={() => handleChangeTab(emojiTabs.objects)}>
58 
              <i className="ti-light-bulb"></i>
59 
            </a>
60 
          </li>
5348 stevensc 61 
          <li className={`menu-item ${currentTab === emojiTabs.symbols ? 'active' : ''}`}>
1 www 62 
            <a onClick={() => handleChangeTab(emojiTabs.symbols)}>
63 
              <i className="ti-heart"></i>
64 
            </a>
65 
          </li>
5348 stevensc 66 
          <li className={`menu-item ${currentTab === emojiTabs.flags ? 'active' : ''}`}>
1 www 67 
            <a onClick={() => handleChangeTab(emojiTabs.flags)}>
68 
              <i className="ti-flag-alt"></i>
69 
            </a>
70 
          </li>
71 
        </ul>
5348 stevensc 72 
        <div className="tab-content">
1 www 73 
          <div role="tabpanel" className="tab-pane active" id=""></div>
74 
        </div>
75 
      </div>
76 
      <EmojiPeople
77 
        onClickEmoji={onClickEmoji}
5348 stevensc 78 
        hidden={currentTab === emojiTabs.people}
1 www 79 
      />
80 
      <EmojiNature
81 
        onClickEmoji={onClickEmoji}
5348 stevensc 82 
        hidden={currentTab === emojiTabs.nature}
1 www 83 
      />
84 
      <EmojiFood
85 
        onClickEmoji={onClickEmoji}
5348 stevensc 86 
        hidden={currentTab === emojiTabs.food}
1 www 87 
      />
88 
      <EmojiActivity
89 
        onClickEmoji={onClickEmoji}
5348 stevensc 90 
        hidden={currentTab === emojiTabs.activity}
1 www 91 
      />
92 
      <EmojiTravel
93 
        onClickEmoji={onClickEmoji}
5348 stevensc 94 
        hidden={currentTab === emojiTabs.travel}
1 www 95 
      />
96 
      <EmojiObjects
97 
        onClickEmoji={onClickEmoji}
5348 stevensc 98 
        hidden={currentTab === emojiTabs.objects}
1 www 99 
      />
100 
      <EmojiSymbols
101 
        onClickEmoji={onClickEmoji}
5348 stevensc 102 
        hidden={currentTab === emojiTabs.symbols}
1 www 103 
      />
104 
      <EmojiFlags
105 
        onClickEmoji={onClickEmoji}
5348 stevensc 106 
        hidden={currentTab === emojiTabs.flags}
1 www 107 
      />
5348 stevensc 108 
    </>
109 
  )
110 
}
1 www 111 
 
5348 stevensc 112 
export default Emojione