<commit_before>import * as React from 'react';
import { Provider } from 'react-redux';
// import { Office } from 'Office';

export class LogInPage extends React.Component<{}, {}> {

  public render(): React.ReactElement<Provider> {
    var style_img = {
      align: 'center'
    };

    var style_button = {
      backgroundcolor: 'rgb(0,122,204)', // save button blue
      textalign: 'center',
      textcolor: 'rgb(255,255,255)',
      font: "Arial, sans-serif, 12px",
      align: 'center'
    };

    var style_section = {
      color: 'rgb(104,33,122)', // the VS purple
      font: "Arial, sans-serif, 12px"
    };

    var style_signin = {
       color: 'rgb(104,33,122)', // the VS purple
       font: "Arial, sans-serif, 12px"

    };

    var style_text1 = {
       color: "rgb(30,30,30)", // black
       font: "Arial, sans-serif, 12px"

    };

    var style_text2 = {
      color: 'rgb(157,157,157)' // dark gray
      // font: "Arial, sans-serif, 12px"
    };

    var style_bottomlogo = {
      width:'500px',
      height:'120px',
      align: 'center'
    };

    console.log('got to vsts');
    return (
      <div>
      <div>
            <img src="../Images/logo.png" alt="VSOLogo" style = {style_img}/>
            </div>
            <div>
              <button id="msgprops" class="ms-Button stretch">
                <span class="ms-Button-label" align='center'> Create New Account </span>
              </button>
            </div>
            <div>
              <p style = {style_text1}> Already have an account?
              <a href="../Authenticate/authenticate.tsx" style = {style_signin}> Sign in</a> // pass in user to authenticate.tsx
              </p>
            </div>
            <div>
              <h1 style = {style_section}> Create work items </h1>
              <p style = {style_text2}> Do you have an email thread that should be turned into a work item or has your boss sent you a list of things to do? Create work items directly from your email.</p>
              <h2 style = {style_section}>Respond to comments</h2>
              <p style = {style_text2}> When you are mentioned in a comment thread, post a reply without clicking away from the email notification.</p>
              <h3 style = {style_section}>View details of a work item</h3>
              <p style = {style_text2}> If a work item number is present in the email body, details will be displayed in the adjacent task pane.</p>
          </div>
          <img src="./logo_strip.png" alt="VSOLogo" style={style_bottomlogo}/>
          </div>
          );
  }
 }<commit_msg>Added paragraphs and button direct to authenticate to LogInPage<commit_after>import * as React from 'react';
import { Provider } from 'react-redux';
// import { Office } from 'Office';

export class LogInPage extends React.Component<{}, {}> {

  public auth(): void{

    window.open('./authenticate?user=' + Office.context.mailbox.userProfile.emailAddress);
  }

  public render(): React.ReactElement<Provider> {
    var style_img = {
      align: 'center'
    };

    var style_button = {
      backgroundcolor: 'rgb(0,122,204)', // save button blue
      textalign: 'center',
      textcolor: 'rgb(255,255,255)',
      font: "Arial, sans-serif, 12px",
      align: 'center'
    };

    var style_section = {
      color: 'rgb(104,33,122)', // the VS purple
      font: "Arial, sans-serif, 12px"
    };

    var style_signin = {
       color: 'rgb(104,33,122)', // the VS purple
       font: "Arial, sans-serif, 12px"

    };

    var style_text1 = {
       color: "rgb(30,30,30)", // black
       font: "Arial, sans-serif, 12px"

    };

    var style_text2 = {
      color: 'rgb(157,157,157)' // dark gray
      // font: "Arial, sans-serif, 12px"
    };

    var style_bottomlogo = {
      width:'500px',
      height:'120px',
      align: 'center'
    };

    console.log('got to vsts');
    return (
      <div>
      <div> logo</div>
      <div><button onClick={this.auth} style = {style_button}>Sign In</button></div>
      <div> line separator</div>
      <div>
        <h1> Create work items</h1>
        <p> Do you have an email thread you need to make into a work item? Create work items directly from Outlook!</p>
      </div>
      <div>
        <h2> Communicate with your team</h2>
        <p> After creating a work item, you can reply-all the thread with the item information or copy the information to the clipboard.</p>
      </div>
      <div>bottom image</div>
      </div>
    );
  }
 }
{'fraction_non_alphanumeric': 0.13980409617097062, 'fraction_numerical': 0.032056990204808546, 'mean_word_length': 2.204707560627675, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1034222', 'n_tokens_mistral': 1522, 'n_tokens_neox': 1384, 'n_words': 419}