WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/group/view/view/View.js

   // states
   const [currentTab, setCurrentTab] = useState(withoutFeeds ? groupTabs.INFO_TAB : groupTabs.FEED_TAB);
   const [actionLinks, setActionLinks] = useState({})
   const [linkInvite, setLinkInvite] = useState('')
   setTimelineUrl(routeTimeline);
-  const load = () =>{
+  const load = () => {
     axios.get('')
       .then(res => {
-        if(res.data.success){
+        if (res.data.success) {
           setActionLinks(res.data.data)
-        }else{
+        } else {
           AddNotification({
             type: 'error',
             payload: res.data.data
           })
+        }
       })
       .catch(err => {
         console.log('>>: err > ', err)
       })
   }
-  React.useEffect(() =>{
+  React.useEffect(() => {
     load()
   }, [])
   const handleActionLink = (url) => {
     axios.post(url)
       .then(res => {
-        if(res.data.success){
+        if (res.data.success) {
           AddNotification({
             style: 'success',
             msg: res.data.data
           })
           window.location.reload()
-        }else{
+        } else {
           AddNotification({
             style: 'error',
             msg: res.data.data
           })
+        }
       })
       .catch(err => {
         console.log('>>: err > ', err)
       })
+  }
   return (
     <React.Fragment>
       <section className="cover-sec">
         <img
-          // src="<?php echo $this->url('storage', ['type' => 'group-cover', 'code' => $group_id_encrypted, 'filename' => $cover]) ?>"
-          src={`/storage/type/group-cover/code/${groupId}/${
+          // src="<?php echo $this->url('storage', ['type' => 'group-cover', 'code' => $group_id_encrypted, 'filename' => $cover]) ?>"
-            cover ? `filename/${cover}` : ""
+          src={`/storage/type/group-cover/code/${groupId}/${cover ? `filename/${cover}` : ""
-          }`}
+            }`}
           alt="cover-image"
         />
       </section>
                   <div className="main-left-sidebar border-radius border-gray">
                     <div className="user_profile m-0 p-1">
                       <div className="user-pro-img">
                         <img
                           // src="<?php echo $this->url('storage', ['type' => 'group', 'code' => $group_id_encrypted, 'filename' => $image]) ?>"
-                          src={`/storage/type/group/code/${groupId}/${
+                          src={`/storage/type/group/code/${groupId}/${image ? `filename/${image}` : ""
-                            image ? `filename/${image}` : ""
-                          }`}
+                            }`}
                           alt="profile-image"
                         />
                       </div>
                       <div className="user_pro_status">
-                        <h1  className="font-weight-bold" style={{fontSize: '1.5rem'}} >{name}</h1>
+                        <h1 className="font-weight-bold" style={{ fontSize: '1.5rem' }} >{name}</h1>
                         <ul className="flw-status">
                           <div
                             className="container horizontal-list"
+                          >
                             <div
                               className="row "
+                            >
                               <div className="col">
                                 <p>Miembros</p>
-                                <b style={{fontSize: '1rem'}} >{totalMembers}</b>
+                                <b style={{ fontSize: '1rem' }} >{totalMembers}</b>
                               </div>
                               <div className="col">
                                 <a
                                   href={linkInmail || '#'}
                                   className="btn btn-primary"
                                   Mensaje
                                 </a>
                               </div>
+                              {
                                 actionLinks.link_accept && (
-                                  <div
-                                    className="col"
+                                  <div className="col">
-                                  >
                                     <button
                                       onClick={() => handleActionLink(actionLinks.link_accept)}
                                       className="btn btn-primary"
                                       title=""
+                                    >
                                   </div>
+                                )
+                              }
+                              {
                                 actionLinks.link_cancel && (
-                                  <div
-                                    className="col"
+                                  <div className="col">
-                                  >
                                     <button
                                       onClick={() => handleActionLink(actionLinks.link_cancel)}
                                       className="btn btn-primary"
                                       title=""
+                                    >
                                   </div>
+                                )
+                              }
+                              {
                                 (!linkInvite && actionLinks.link_leave) && (
-                                  <div
-                                    className="col"
+                                  <div className="col">
-                                  >
                                     <button
                                       onClick={() => handleActionLink(actionLinks.link_leave)}
                                       className="btn btn-primary"
                                       title=""
+                                    >
                                   </div>
+                                )
+                              }
+                              {
                                 actionLinks.link_request && (
-                                  <div
-                                    className="col"
-                                  >
-                                    <button
-                                      onClick={() => handleActionLink(actionLinks.link_request)}
-                                      className="btn btn-primary"
-                                      title=""
-                                    >
-                                      Solicitar membresia
-                                    </button>
-                                  </div>
-                                )
-                              }
-                              {
-                                actionLinks.link_request && (
                                   <div className="col">
                                     <button
                                       onClick={() => handleActionLink(actionLinks.link_request)}
                                       className="btn btn-primary"
                                       title=""
                                   </div>
+                                )
+                              }
                             </div>
                           </div>
                         </ul>
                       </div>
                     </div>
                   </div>
                   <GroupMembersHelper groupId={groupId} handleFirstLinkInvite={link => setLinkInvite(link)} />
                 </div>
                 <div className="col-lg-6">
                   <div className="message-btn d-block d-md-none d-lg-none d-sm-none">
                   </div>
                   <div className="main-ws-sec">
                     <div className="user-tab-sec">
+                      {
                         !withoutFeeds && (
                           <div className="row">
                             <div className="col text-left pl-0">
-                              <button
-                                className={` ${
+                              <button
-                                  currentTab === groupTabs.FEED_TAB ? "active" : ""
+                                className={` ${currentTab === groupTabs.FEED_TAB ? "active" : ""
-                                } animated fadeIn btn btn-link p-0 text-decoration-none`}
+                                  } animated fadeIn btn btn-link p-0 text-decoration-none`}
                                 onClick={(e) => {
                                   e.preventDefault();
                                   setCurrentTab(groupTabs.FEED_TAB);
                                 }}
+                              >
                                 <span className="ellipsis text-dark font-weight-bold">Ver Publicaciones</span>
                               </button>
                             </div>
                             <div className="col text-right pl-0">
-                              <button
-                                className={` ${
+                              <button
-                                  currentTab === groupTabs.INFO_TAB ? "active" : ""
+                                className={` ${currentTab === groupTabs.INFO_TAB ? "active" : ""
-                                } animated fadeIn btn btn-link p-0 text-decoration-none`}
+                                  } animated fadeIn btn btn-link p-0 text-decoration-none`}
                                 onClick={(e) => {
                                   e.preventDefault();
                                   setCurrentTab(groupTabs.INFO_TAB);
                                 }}
                       style={{
                         display:
                           currentTab === groupTabs.FEED_TAB ? "block" : "none",
                       }}
+                    >
-                      <div className="">
-                        <ShareFeed
+                      <ShareFeed
-                          feedType={feedTypes.GROUP}
+                        feedType={feedTypes.GROUP}
-                          postUrl={`/feed/add/group/${groupId}`}
+                        postUrl={`/feed/add/group/${groupId}`}
-                        />
+                      />
-                      </div>
                       {/* <!--posts-section star--> */}
                       <div className="posts-section">
                         <FeedSection routeTimeline={routeTimeline} />
                       </div>
                       {/* <!--posts-section end--> */}

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/group/view/view/View.js – Rev 2210 → 2246