Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6948 Rev 6950
Línea 10... Línea 10...
10 
import styled from 'styled-components'
 10 
import styled from 'styled-components'
11 
import { Tab, Tabs } from '@mui/material'
 11 
import { Tab, Tabs } from '@mui/material'
12 
import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
 12 
import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
13 
import LandscapeIcon from '@mui/icons-material/Landscape'
 13 
import LandscapeIcon from '@mui/icons-material/Landscape'
14 
import RestaurantIcon from '@mui/icons-material/Restaurant'
 14 
import RestaurantIcon from '@mui/icons-material/Restaurant'
- 
 
 15 
import SportsBasketballIcon from '@mui/icons-material/SportsBasketball'
- 
 
 16 
import TimeToLeaveIcon from '@mui/icons-material/TimeToLeave'
- 
 
 17 
import EmojiObjectsIcon from '@mui/icons-material/EmojiObjects'
- 
 
 18 
import FavoriteIcon from '@mui/icons-material/Favorite'
- 
 
 19 
import FlagIcon from '@mui/icons-material/Flag'
Línea 15... Línea 20...
15 
 
 20 
 
16 
const StyledEmojiContainer = styled.div`
 21 
const StyledEmojiContainer = styled.div`
17 
  background-color: var(--bg-color);
 22 
  background-color: var(--bg-color);
18 
  bottom: 100%;
 23 
  bottom: 100%;
Línea 100... Línea 105...
100 
        <StyledTab
 105 
        <StyledTab
101 
          value={emojiTabs.food}
 106 
          value={emojiTabs.food}
102 
          icon={<RestaurantIcon />}
 107 
          icon={<RestaurantIcon />}
103 
          disableRipple
 108 
          disableRipple
104 
        />
 109 
        />
105 
 
 - 
 
106 
        {/*   <li
 110 
        <StyledTab
107 
          className={`menu-item ${
 - 
 
108 
            currentTab === emojiTabs.activity ? 'active' : ''
 111 
          value={emojiTabs.activity}
109 
          }`}
 - 
 
110 
        >
 - 
 
111 
          <a onClick={() => handleChangeTab(emojiTabs.activity)}>
 - 
 
112 
            <i className="ti-basketball"></i>
 112 
          icon={<SportsBasketballIcon />}
113 
          </a>
 113 
          disableRipple
114 
        </li>
 114 
        />
115 
        <li
 115 
        <StyledTab
116 
          className={`menu-item ${
 116 
          value={emojiTabs.travel}
117 
            currentTab === emojiTabs.travel ? 'active' : ''
 - 
 
118 
          }`}
 - 
 
119 
        >
 - 
 
120 
          <a onClick={() => handleChangeTab(emojiTabs.travel)}>
 - 
 
121 
            <i className="fa fa-car"></i>
 117 
          icon={<TimeToLeaveIcon />}
122 
          </a>
 118 
          disableRipple
123 
        </li>
 119 
        />
124 
        <li
 120 
        <StyledTab
125 
          className={`menu-item ${
 121 
          value={emojiTabs.objects}
126 
            currentTab === emojiTabs.objects ? 'active' : ''
 122 
          icon={<EmojiObjectsIcon />}
127 
          }`}
 123 
          disableRipple
128 
        >
 124 
        />
129 
          <a onClick={() => handleChangeTab(emojiTabs.objects)}>
 - 
 
130 
            <i className="ti-light-bulb"></i>
 - 
 
131 
          </a>
 - 
 
132 
        </li>
 125 
        <StyledTab
133 
        <li
 - 
 
134 
          className={`menu-item ${
 - 
 
135 
            currentTab === emojiTabs.symbols ? 'active' : ''
 126 
          value={emojiTabs.symbols}
136 
          }`}
 - 
 
137 
        >
 - 
 
138 
          <a onClick={() => handleChangeTab(emojiTabs.symbols)}>
 - 
 
139 
            <i className="ti-heart"></i>
 127 
          icon={<FavoriteIcon />}
140 
          </a>
 128 
          disableRipple
141 
        </li>
 129 
        />
142 
        <li
 - 
 
143 
          className={`menu-item ${
 - 
 
144 
            currentTab === emojiTabs.flags ? 'active' : ''
 130 
        <StyledTab value={emojiTabs.flags} icon={<FlagIcon />} disableRipple />
145 
          }`}
 - 
 
146 
        >
 - 
 
147 
          <a onClick={() => handleChangeTab(emojiTabs.flags)}>
 - 
 
148 
            <i className="ti-flag-alt"></i>
 - 
 
149 
          </a>
 - 
 
150 
        </li> */}
 - 
 
151 
      </StyledEmojiTabs>
 131 
      </StyledEmojiTabs>
Línea 152... Línea 132...
152 
 
 132 
 
153 
      <EmojiPeople
 133 
      <EmojiPeople
154 
        onClickEmoji={onClickEmoji}
 134 
        onClickEmoji={onClickEmoji}