Projekt

Obecné

Profil

« Předchozí | Další » 

Revize a12a4e99

Přidáno uživatelem plundrichov před více než 4 roky(ů)

re #58 mostly css edited, also login/logout

Zobrazit rozdíly:

client/src/Nav.js
1 1 
import React from 'react';
2 2 
import './App.css';
3 3 
import { Link } from 'react-router-dom';
4 
import * as api_fetch from './api'
4 5 

  		




  5
  6
  
    
function Nav(props) {


  		




  6
  7
  
    

  		




  ......




  8
  9
  
    
    props.currentUser === undefined


  		




  9
  10
  
    
  ?


  		




  10
  11
  
    
      <nav className="top-nav">


  		




  11
  
  
    
        <Link className="link-nav" to="/"><h1>YOSO</h1></Link>


  		




  
  12
  
    
        <Link className="link-nav" to="/login"><h1>YOSO</h1></Link>


  		




  12
  13
  
    
      </nav>


  		




  13
  14
  
    
  :


  		




  14
  15
  
    
      <nav className="top-nav">


  		




  ......




  28
  29
  
    
              </li>


  		




  29
  30
  
    
              :  null }


  		




  30
  31
  
    
              <li>


  		




  31
  
  
    
                <Link to="/logout">


  		




  
  32
  
    
                <button className="btn-logout" onClick={() => api_fetch.logOut()}>


  		




  32
  33
  
    
                  <svg className="bi bi-power navIcon" width="20px" height="20px" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">


  		




  33
  34
  
    
                    <path fillRule="evenodd" d="M5.578 4.437a5 5 0 1 0 4.922.044l.5-.866a6 6 0 1 1-5.908-.053l.486.875z"/>


  		




  34
  35
  
    
                    <path fillRule="evenodd" d="M7.5 8V1h1v7h-1z"/>


  		




  35
  36
  
    
                  </svg>


  		




  36
  
  
    
                </Link>


  		




  
  37
  
    
                </button>


  		




  37
  38
  
    
              </li>


  		




  38
  39
  
    
          </ul>


  		




  39
  40
  
    
        </div>


  		












Také k dispozici:  Unified diff