Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5566 Rev 5573
Línea 8... Línea 8...
8
import { addNotification } from '../../../redux/notification/notification.actions'
8
import { addNotification } from '../../../redux/notification/notification.actions'
9
import FeedSection from '../../../dashboard/components/feed-section/FeedSection'
9
import FeedSection from '../../../dashboard/components/feed-section/FeedSection'
10
import SuggestWidget from '../../../shared/helpers/my-groups-helper/SuggestWidget'
10
import SuggestWidget from '../../../shared/helpers/my-groups-helper/SuggestWidget'
11
import CompanyFollowersHelper from '../../../shared/helpers/company-followers-helper/CompanyFollowers'
11
import CompanyFollowersHelper from '../../../shared/helpers/company-followers-helper/CompanyFollowers'
12
import CompanyInfo from '../components/CompanyInfo'
12
import CompanyInfo from '../components/CompanyInfo'
-
 
13
import Cover from '../../../shared/cover/Cover'
-
 
14
import { coverTypes } from '../../../shared/cover/cover.types'
-
 
15
import CompanyAttr from '../components/CompanyAttr'
Línea 13... Línea 16...
13
 
16
 
14
const TABS = {
17
const TABS = {
15
  FEEDS: 'FEEDS',
18
  FEEDS: 'FEEDS',
16
  INFO: 'INFO',
19
  INFO: 'INFO',
Línea 56... Línea 59...
56
 
59
 
Línea 57... Línea 60...
57
  const markIsFollower = (val) => setIsFollower(val)
60
  const markIsFollower = (val) => setIsFollower(val)
58
 
61
 
59
  return (
-
 
60
    <>
-
 
61
      <section className="cover-sec">
62
  return (
62
        <img
-
 
63
          src={`/storage/type/company-cover/code/${companyId}/${
-
 
64
            cover ? `filename/${cover}` : ''
-
 
65
          }`}
-
 
66
          alt="cover-image"
-
 
67
        />
63
    <>
68
      </section>
64
      <Cover cover={cover} id={companyId} type={coverTypes.COMPANY} />
69
      <main className="main-section-data container px-0 mt-3">
65
      <main className="main-section-data container px-0 mt-3">
70
        <div className="main-left-sidebar">
66
        <div className="main-left-sidebar">
71
          <CompanyInfo
67
          <CompanyInfo
Línea 110... Línea 106...
110
                </button>
106
                </button>
111
              </div>
107
              </div>
112
            </div>
108
            </div>
113
          </div>
109
          </div>
114
          {currentTab === TABS.FEEDS && (
110
          {currentTab === TABS.FEEDS && (
115
            <div
-
 
116
              className="product-feed-tab animated fadeIn"
111
            <div className="product-feed-tab fadeIn">
117
              id="feed-dd feed"
-
 
118
              style={{ display: 'block' }}
-
 
119
            >
-
 
120
              <div className="posts-section">
-
 
121
                <FeedSection
112
              <FeedSection
122
                  routeTimeline={timeline}
113
                routeTimeline={timeline}
123
                  image={`/storage/type/company/code/${companyId}/${
114
                image={`/storage/type/company/code/${companyId}/${
124
                    image ? `filename/${image}` : ''
115
                  image ? `filename/${image}` : ''
125
                  }`}
116
                }`}
126
                />
117
              />
127
              </div>
-
 
128
            </div>
118
            </div>
129
          )}
119
          )}
130
          {currentTab === TABS.INFO && (
120
          {currentTab === TABS.INFO && (
131
            <div
-
 
132
              className="product-feed-tab animated fadeIn"
121
            <div className="product-feed-tab fadeIn">
133
              id="feed-dd info"
-
 
134
              style={{ display: 'block' }}
-
 
135
            >
-
 
136
              {overview && (
122
              {overview && (
137
                <div className="user-profile-extended-ov">
-
 
138
                  <h3>Visión general</h3>
123
                <CompanyAttr title="Visión general">
139
                  <span>{parse(overview)}</span>
124
                  <span>{parse(overview)}</span>
140
                </div>
125
                </CompanyAttr>
141
              )}
126
              )}
142
              {locations && (
127
              {locations && (
143
                <div className="user-profile-extended-ov st2">
-
 
144
                  <h3>Ubicación</h3>
128
                <CompanyAttr title="Ubicación">
145
                  <span>
129
                  <ul>
146
                    {locations.map(({ formatted_address, is_main }, index) => (
130
                    {locations.map(({ formatted_address, is_main }, index) => (
147
                      <React.Fragment key={index}>
131
                      <li key={index}>
148
                        {index >= 0 ? <hr /> : ''}
-
 
149
                        <p>
132
                        <p>
150
                          {`${formatted_address} ${
133
                          {is_main === 'y'
151
                            is_main === 'y' ? '(Principal)' : ''
134
                            ? `${formatted_address} (Principal)`
152
                          }`}
135
                            : formatted_address}
153
                        </p>
136
                        </p>
154
                      </React.Fragment>
137
                      </li>
155
                    ))}
138
                    ))}
156
                  </span>
139
                  </ul>
157
                </div>
140
                </CompanyAttr>
158
              )}
141
              )}
159
              {industry && (
142
              {industry && (
160
                <div className="user-profile-ov">
-
 
161
                  <h3>Industria</h3>
143
                <CompanyAttr title="Industria">
162
                  <span>{industry}</span>
144
                  <span>{industry}</span>
163
                </div>
145
                </CompanyAttr>
164
              )}
146
              )}
165
              {companySize && (
147
              {companySize && (
166
                <div className="user-profile-ov">
-
 
167
                  <h3>Tamaño de la empresa</h3>
148
                <CompanyAttr title="Tamaño de la empresa">
168
                  <span>{companySize}</span>
149
                  <span>{companySize}</span>
169
                </div>
150
                </CompanyAttr>
170
              )}
151
              )}
171
              {foundationYear && (
152
              {foundationYear && (
172
                <div className="user-profile-ov">
-
 
173
                  <h3>Año de fundación</h3>
153
                <CompanyAttr title="Año de fundación">
174
                  <span>{foundationYear}</span>
154
                  <span>{foundationYear}</span>
175
                </div>
155
                </CompanyAttr>
176
              )}
156
              )}
177
              {website && (
157
              {website && (
178
                <div className="user-profile-ov">
-
 
179
                  <h3>Página web</h3>
158
                <CompanyAttr title="Pagina web">
180
                  <span>{website}</span>
159
                  <span>{website}</span>
181
                </div>
160
                </CompanyAttr>
182
              )}
161
              )}
183
            </div>
162
            </div>
184
          )}
163
          )}
185
        </div>
164
        </div>
186
        <div className="right-sidebar">
165
        <div className="right-sidebar">