Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6947 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6947 Rev 6948
Línea 5... Línea 5...
5 
import { EmojiNature } from './emojis/EmojiNature'
 5 
import { EmojiNature } from './emojis/EmojiNature'
6 
import { EmojiObjects } from './emojis/EmojiObjects'
 6 
import { EmojiObjects } from './emojis/EmojiObjects'
7 
import { EmojiPeople } from './emojis/EmojiPeople'
 7 
import { EmojiPeople } from './emojis/EmojiPeople'
8 
import { EmojiSymbols } from './emojis/EmojiSymbols'
 8 
import { EmojiSymbols } from './emojis/EmojiSymbols'
9 
import { EmojiTravel } from './emojis/EmojiTravel'
 9 
import { EmojiTravel } from './emojis/EmojiTravel'
10 
import { styled } from 'styled-components'
 10 
import styled from 'styled-components'
- 
 
 11 
import { Tab, Tabs } from '@mui/material'
- 
 
 12 
import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
- 
 
 13 
import LandscapeIcon from '@mui/icons-material/Landscape'
- 
 
 14 
import RestaurantIcon from '@mui/icons-material/Restaurant'
Línea 11... Línea 15...
11 
 
 15 
 
12 
const StyledEmojiContainer = styled.div`
 16 
const StyledEmojiContainer = styled.div`
13 
  background-color: var(--bg-color);
 17 
  background-color: var(--bg-color);
14 
  bottom: 100%;
 18 
  bottom: 100%;
Línea 17... Línea 21...
17 
  width: 100%;
 21 
  width: 100%;
18 
  height: 200px;
 22 
  height: 200px;
19 
  transform: translateZ(0);
 23 
  transform: translateZ(0);
20 
  transform-origin: bottom;
 24 
  transform-origin: bottom;
21 
  overflow: hidden;
 25 
  overflow: hidden;
- 
 
 26 
 
- 
 
 27 
  .smiley-panel-body {
- 
 
 28 
    background: #fff;
- 
 
 29 
    border-top: 1px solid var(--border-primary);
- 
 
 30 
    box-sizing: border-box;
- 
 
 31 
    height: 160px;
- 
 
 32 
    padding: 10px 0;
- 
 
 33 
    overflow: auto;
- 
 
 34 
    width: 100%;
- 
 
 35 
 
- 
 
 36 
    .e1 {
- 
 
 37 
      cursor: pointer;
- 
 
 38 
    }
- 
 
 39 
  }
22 
`
 40 
`
Línea 23... Línea 41...
23 
 
 41 
 
- 
 
 42 
const StyledEmojiTabs = styled(Tabs)`
24 
const StyledEmojiTabs = styled.ul`
 43 
  min-height: auto !important;
25 
  border-bottom: 1px solid #f7fafc;
 44 
  border-bottom: 1px solid #f7fafc;
26 
  border-top: 1px solid #f7fafc;
 45 
  border-top: 1px solid #f7fafc;
27 
  background: #f9f9f9;
 46 
  background: #f9f9f9;
28 
  display: flex;
 47 
  display: flex;
Línea -... Línea 48...
- 
 
 48 
  align-items: center;
- 
 
 49 
 
29 
  align-items: center;
 50 
  .MuiTabs-indicator {
- 
 
 51 
    background-color: var(--font-color);
- 
 
 52 
  }
30 
 
 53 
`
31 
  li {
 54 
 
- 
 
 55 
const StyledTab = styled(Tab)`
- 
 
 56 
  flex-grow: 1;
- 
 
 57 
  color: var(--subtitle-color) !important;
32 
    height: 50px;
 58 
  font-weight: bold !important;
33 
    flex: 1;
 59 
  padding: 0.5rem 1rem !important;
- 
 
 60 
  min-height: auto !important;
34 
    cursor: pointer;
 61 
  &.Mui-selected {
35 
    text-align: center;
 62 
    color: var(--font-color) !important;
Línea 36... Línea 63...
36 
  }
 63 
  }
37 
`
 64 
`
Línea 54... Línea 81...
54 
    setCurrentTab(tabToChange)
 81 
    setCurrentTab(tabToChange)
55 
  }
 82 
  }
Línea 56... Línea 83...
56 
 
 83 
 
57 
  return (
 84 
  return (
58 
    <StyledEmojiContainer>
 85 
    <StyledEmojiContainer>
59 
      <StyledEmojiTabs>
 - 
 
60 
        <li
 86 
      <StyledEmojiTabs
61 
          className={`menu-item ${
 87 
        value={currentTab}
62 
            currentTab === emojiTabs.people ? 'active' : ''
 88 
        onChange={(e, newValue) => handleChangeTab(newValue)}
63 
          }`}
 89 
      >
64 
        >
 90 
        <StyledTab
65 
          <a onClick={() => handleChangeTab(emojiTabs.people)}>
 91 
          value={emojiTabs.people}
66 
            <i className="ti-face-smile"></i>
 92 
          icon={<EmojiEmotionsIcon />}
67 
          </a>
 93 
          disableRipple
68 
        </li>
 94 
        />
69 
        <li
 95 
        <StyledTab
70 
          className={`menu-item ${
 - 
 
71 
            currentTab === emojiTabs.nature ? 'active' : ''
 - 
 
72 
          }`}
 - 
 
73 
        >
 - 
 
74 
          <a onClick={() => handleChangeTab(emojiTabs.nature)}>
 96 
          value={emojiTabs.nature}
75 
            <i className="ti-gallery"></i>
 97 
          icon={<LandscapeIcon />}
76 
          </a>
 98 
          disableRipple
77 
        </li>
 99 
        />
78 
        <li
 100 
        <StyledTab
79 
          className={`menu-item ${
 - 
 
80 
            currentTab === emojiTabs.food ? 'active' : ''
 - 
 
81 
          }`}
 - 
 
82 
        >
 - 
 
83 
          <a onClick={() => handleChangeTab(emojiTabs.food)}>
 101 
          value={emojiTabs.food}
84 
            <i className="fa fa-cutlery"></i>
 102 
          icon={<RestaurantIcon />}
85 
          </a>
 103 
          disableRipple
- 
 
 104 
        />
86 
        </li>
 105 
 
87 
        <li
 106 
        {/*   <li
88 
          className={`menu-item ${
 107 
          className={`menu-item ${
89 
            currentTab === emojiTabs.activity ? 'active' : ''
 108 
            currentTab === emojiTabs.activity ? 'active' : ''
90 
          }`}
 109 
          }`}
91 
        >
 110 
        >
Línea 126... Línea 145...
126 
          }`}
 145 
          }`}
127 
        >
 146 
        >
128 
          <a onClick={() => handleChangeTab(emojiTabs.flags)}>
 147 
          <a onClick={() => handleChangeTab(emojiTabs.flags)}>
129 
            <i className="ti-flag-alt"></i>
 148 
            <i className="ti-flag-alt"></i>
130 
          </a>
 149 
          </a>
131 
        </li>
 150 
        </li> */}
132 
      </StyledEmojiTabs>
 151 
      </StyledEmojiTabs>
133 
      <div className="tab-content" /* style="margin: 0;text-align: center;" */>
 - 
 
134 
        <div role="tabpanel" className="tab-pane active" id=""></div>
 - 
 
135 
      </div>
 - 
 
Línea 136... Línea 152...
136 
 
 152 
 
137 
      <EmojiPeople
 153 
      <EmojiPeople
138 
        onClickEmoji={onClickEmoji}
 154 
        onClickEmoji={onClickEmoji}
139 
        hidden={currentTab === emojiTabs.people}
 155 
        hidden={currentTab === emojiTabs.people}