Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11350 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11350 Rev 15761
Línea 1... Línea -...
1 
import React from "react";
 - 
 
2 
import { useState } from "react";
 1 
import React, { useState } from 'react'
3 
import { EmojiActivity } from "./emojis/EmojiActivity";
 2 
import { EmojiActivity } from './emojis/EmojiActivity'
4 
import { EmojiFlags } from "./emojis/EmojiFlags";
 3 
import { EmojiFlags } from './emojis/EmojiFlags'
5 
import { EmojiFood } from "./emojis/EmojiFood";
 4 
import { EmojiFood } from './emojis/EmojiFood'
6 
import { EmojiNature } from "./emojis/EmojiNature";
 5 
import { EmojiNature } from './emojis/EmojiNature'
7 
import { EmojiObjects } from "./emojis/EmojiObjects";
 6 
import { EmojiObjects } from './emojis/EmojiObjects'
8 
import { EmojiPeople } from "./emojis/EmojiPeople";
 7 
import { EmojiPeople } from './emojis/EmojiPeople'
9 
import { EmojiSymbols } from "./emojis/EmojiSymbols";
 8 
import { EmojiSymbols } from './emojis/EmojiSymbols'
10 
import { EmojiTravel } from "./emojis/EmojiTravel";
 9 
import { EmojiTravel } from './emojis/EmojiTravel'
Línea 11... Línea 10...
11 
 
 10 
 
12 
const Emojione = (props) => {
 - 
 
13 
  const { onClickEmoji } = props;
 11 
const Emojione = ({ onClickEmoji }) => {
Línea 14... Línea 12...
14 
  const [currentTab, setCurrentTab] = useState("people");
 12 
  const [currentTab, setCurrentTab] = useState('people')
15 
 
 13 
 
16 
  const emojiTabs = {
 14 
  const emojiTabs = {
17 
    activity: "activity",
 15 
    activity: 'activity',
18 
    flags: "flags",
 16 
    flags: 'flags',
19 
    food: "food",
 17 
    food: 'food',
20 
    nature: "nature",
 18 
    nature: 'nature',
21 
    objects: "objects",
 19 
    objects: 'objects',
22 
    people: "people",
 20 
    people: 'people',
23 
    symbols: "symbols",
 21 
    symbols: 'symbols',
Línea 24... Línea 22...
24 
    travel: "travel",
 22 
    travel: 'travel'
25 
  };
 - 
 
26 
 
 - 
 
Línea 27... Línea 23...
27 
  const handleChangeTab = (tabToChange) => {
 23 
  }
28 
    setCurrentTab(tabToChange);
 24 
 
29 
  };
 25 
  const handleChangeTab = (tabToChange) => setCurrentTab(tabToChange)
30 
 
 - 
 
31 
  return (
 26 
 
32 
    <div>
 - 
 
33 
      <div className="smiley-panel">
 - 
 
34 
        <ul
 - 
 
35 
          className="nav customtab2 nav-tabs menu-tabs"
 - 
 
36 
          // style="padding: 0;"
 27 
  return (
37 
        >
 - 
 
38 
          <li
 - 
 
39 
            className={`menu-item ${
 28 
    <>
40 
              currentTab === emojiTabs.people ? "active" : ""
 29 
      <div className="smiley-panel">
41 
            }`}
 30 
        <ul className="nav customtab2 nav-tabs menu-tabs">
42 
          >
 31 
          <li className={`menu-item ${currentTab === emojiTabs.people ? 'active' : ''}`}>
43 
            <a onClick={() => handleChangeTab(emojiTabs.people)}>
 - 
 
44 
              <i className="ti-face-smile"></i>
 - 
 
45 
            </a>
 32 
            <a onClick={() => handleChangeTab(emojiTabs.people)}>
46 
          </li>
 - 
 
47 
          <li
 - 
 
48 
            className={`menu-item ${
 33 
              <i className="ti-face-smile"></i>
49 
              currentTab === emojiTabs.nature ? "active" : ""
 34 
            </a>
50 
            }`}
 35 
          </li>
51 
          >
 36 
          <li className={`menu-item ${currentTab === emojiTabs.nature ? 'active' : ''}`}>
52 
            <a onClick={() => handleChangeTab(emojiTabs.nature)}>
 - 
 
53 
              <i className="ti-gallery"></i>
 - 
 
54 
            </a>
 37 
            <a onClick={() => handleChangeTab(emojiTabs.nature)}>
55 
          </li>
 - 
 
56 
          <li
 - 
 
57 
            className={`menu-item ${
 38 
              <i className="ti-gallery"></i>
58 
              currentTab === emojiTabs.food ? "active" : ""
 39 
            </a>
59 
            }`}
 40 
          </li>
60 
          >
 41 
          <li className={`menu-item ${currentTab === emojiTabs.food ? 'active' : ''}`}>
61 
            <a onClick={() => handleChangeTab(emojiTabs.food)}>
 - 
 
62 
              <i className="fa fa-cutlery"></i>
 - 
 
63 
            </a>
 42 
            <a onClick={() => handleChangeTab(emojiTabs.food)}>
64 
          </li>
 - 
 
65 
          <li
 - 
 
66 
            className={`menu-item ${
 43 
              <i className="fa fa-cutlery"></i>
67 
              currentTab === emojiTabs.activity ? "active" : ""
 44 
            </a>
68 
            }`}
 45 
          </li>
69 
          >
 46 
          <li className={`menu-item ${currentTab === emojiTabs.activity ? 'active' : ''}`}>
70 
            <a onClick={() => handleChangeTab(emojiTabs.activity)}>
 - 
 
71 
              <i className="ti-basketball"></i>
 - 
 
72 
            </a>
 47 
            <a onClick={() => handleChangeTab(emojiTabs.activity)}>
73 
          </li>
 - 
 
74 
          <li
 - 
 
75 
            className={`menu-item ${
 48 
              <i className="ti-basketball"></i>
76 
              currentTab === emojiTabs.travel ? "active" : ""
 49 
            </a>
77 
            }`}
 50 
          </li>
78 
          >
 51 
          <li className={`menu-item ${currentTab === emojiTabs.travel ? 'active' : ''}`}>
79 
            <a onClick={() => handleChangeTab(emojiTabs.travel)}>
 - 
 
80 
              <i className="fa fa-car"></i>
 - 
 
81 
            </a>
 52 
            <a onClick={() => handleChangeTab(emojiTabs.travel)}>
82 
          </li>
 - 
 
83 
          <li
 - 
 
84 
            className={`menu-item ${
 53 
              <i className="fa fa-car"></i>
85 
              currentTab === emojiTabs.objects ? "active" : ""
 54 
            </a>
86 
            }`}
 55 
          </li>
87 
          >
 56 
          <li className={`menu-item ${currentTab === emojiTabs.objects ? 'active' : ''}`}>
88 
            <a onClick={() => handleChangeTab(emojiTabs.objects)}>
 - 
 
89 
              <i className="ti-light-bulb"></i>
 - 
 
90 
            </a>
 57 
            <a onClick={() => handleChangeTab(emojiTabs.objects)}>
91 
          </li>
 - 
 
92 
          <li
 - 
 
93 
            className={`menu-item ${
 58 
              <i className="ti-light-bulb"></i>
94 
              currentTab === emojiTabs.symbols ? "active" : ""
 59 
            </a>
95 
            }`}
 60 
          </li>
96 
          >
 61 
          <li className={`menu-item ${currentTab === emojiTabs.symbols ? 'active' : ''}`}>
97 
            <a onClick={() => handleChangeTab(emojiTabs.symbols)}>
 - 
 
98 
              <i className="ti-heart"></i>
 - 
 
99 
            </a>
 62 
            <a onClick={() => handleChangeTab(emojiTabs.symbols)}>
100 
          </li>
 - 
 
101 
          <li
 - 
 
102 
            className={`menu-item ${
 63 
              <i className="ti-heart"></i>
103 
              currentTab === emojiTabs.flags ? "active" : ""
 64 
            </a>
104 
            }`}
 65 
          </li>
105 
          >
 66 
          <li className={`menu-item ${currentTab === emojiTabs.flags ? 'active' : ''}`}>
106 
            <a onClick={() => handleChangeTab(emojiTabs.flags)}>
 67 
            <a onClick={() => handleChangeTab(emojiTabs.flags)}>
107 
              <i className="ti-flag-alt"></i>
 - 
 
108 
            </a>
 68 
              <i className="ti-flag-alt"></i>
109 
          </li>
 - 
 
110 
        </ul>
 69 
            </a>
111 
        <div
 70 
          </li>
112 
          className="tab-content" /* style="margin: 0;text-align: center;" */
 71 
        </ul>
113 
        >
 72 
        <div className="tab-content">
114 
          <div role="tabpanel" className="tab-pane active" id=""></div>
 73 
          <div role="tabpanel" className="tab-pane active" id=""></div>
115 
        </div>
 74 
        </div>
116 
      </div>
 75 
      </div>
117 
      <EmojiPeople
 76 
      <EmojiPeople
118 
        onClickEmoji={onClickEmoji}
 77 
        onClickEmoji={onClickEmoji}
119 
        hidden={currentTab === emojiTabs.people ? true : false}
 78 
        hidden={currentTab === emojiTabs.people}
120 
      />
 79 
      />
121 
      <EmojiNature
 80 
      <EmojiNature
122 
        onClickEmoji={onClickEmoji}
 81 
        onClickEmoji={onClickEmoji}
123 
        hidden={currentTab === emojiTabs.nature ? true : false}
 82 
        hidden={currentTab === emojiTabs.nature}
124 
      />
 83 
      />
125 
      <EmojiFood
 84 
      <EmojiFood
126 
        onClickEmoji={onClickEmoji}
 85 
        onClickEmoji={onClickEmoji}
127 
        hidden={currentTab === emojiTabs.food ? true : false}
 86 
        hidden={currentTab === emojiTabs.food}
128 
      />
 87 
      />
129 
      <EmojiActivity
 88 
      <EmojiActivity
130 
        onClickEmoji={onClickEmoji}
 89 
        onClickEmoji={onClickEmoji}
131 
        hidden={currentTab === emojiTabs.activity ? true : false}
 90 
        hidden={currentTab === emojiTabs.activity}
132 
      />
 91 
      />
133 
      <EmojiTravel
 92 
      <EmojiTravel
134 
        onClickEmoji={onClickEmoji}
 93 
        onClickEmoji={onClickEmoji}
135 
        hidden={currentTab === emojiTabs.travel ? true : false}
 94 
        hidden={currentTab === emojiTabs.travel}
136 
      />
 95 
      />
137 
      <EmojiObjects
 96 
      <EmojiObjects
138 
        onClickEmoji={onClickEmoji}
 97 
        onClickEmoji={onClickEmoji}
139 
        hidden={currentTab === emojiTabs.objects ? true : false}
 98 
        hidden={currentTab === emojiTabs.objects}
140 
      />
 99 
      />
141 
      <EmojiSymbols
 100 
      <EmojiSymbols
142 
        onClickEmoji={onClickEmoji}
 101 
        onClickEmoji={onClickEmoji}
143 
        hidden={currentTab === emojiTabs.symbols ? true : false}
 102 
        hidden={currentTab === emojiTabs.symbols}
144 
      />
 103 
      />
145 
      <EmojiFlags
 104 
      <EmojiFlags
146 
        onClickEmoji={onClickEmoji}
 105 
        onClickEmoji={onClickEmoji}
147 
        hidden={currentTab === emojiTabs.flags ? true : false}
 106 
        hidden={currentTab === emojiTabs.flags}
Línea 148... Línea 107...
148 
      />
 107 
      />