@ufmt/layout.padrao.react NPM

Sugestão de layout padrão para sistemas da UFMT no React.

Instalação

yarn add @ufmt/layout.padrao.react

npm i @ufmt/layout.padrao.react

Atualização de versão npm

yarn upgrade @ufmt/layout.padrao.react

npm update @ufmt/layout.padrao.react

Utilização

import React, { Component } from 'react';
import Layout from "@ufmt/layout.padrao.react";

export default class App extends Component {
  render() {
    return (
      <Layout
        nomeSistema="Portal De Sistema"
        usuarioLogado={true}
        urlSair=""
        urlPerfil="">
        // Contéudo
      </Layout>
    );
  }
}

Parâmetros

nomeSistema - Nome do Sistema (string)
usuarioLogado - usuário Logado (boolean)
urlSair - Url para sair do sistema
urlPerfil - Url do perfil do usuario

index.html

Deve ser incluído o script para carregar o barra brasil e o fontawesome para os icones no index.html na pasta public

<head>
    ....
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
</head>
<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script
      defer="defer"
      src="//barra.brasil.gov.br/barra_2.0.js"
      type="text/javascript"></script>
</body>

Publicação do package no npm

Verificar se existe na raiz do projeto a pasta lib, se não houver basta criá-la.
Alterar a versão no arquivo package.json
Autenticar seu usuario do npmjs com o comando npm adduser
Executar o npm publish