<commit_before>
import React from 'react';

import { Grid, Header, Segment } from 'semantic-ui-react'

import AccountLink from '../account/link'

export default class ForumTitle extends React.Component {
  render() {
    let forum = this.props.forum
    return (
      <Segment color="blue">
        <Grid>
          <Grid.Row>
            <Grid.Column width={8}>
              <Header size='huge' key={forum._id}>
                {forum.name}
                <Header.Subheader>
                  {forum.description}
                </Header.Subheader>
              </Header>
            </Grid.Column>
            <Grid.Column width={8} textAlign="right">
              Managed by
              <br/>
              <AccountLink username='chainbb' />
            </Grid.Column>
          </Grid.Row>
        </Grid>
      </Segment>
    )
  }
}<commit_msg>Reworked the header to match the style<commit_after>
import React from 'react';
import { Link } from 'react-router-dom'

import { Grid, Header, Segment } from 'semantic-ui-react'

import AccountLink from '../account/link'

export default class ForumTitle extends React.Component {
  render() {
    let { attached, forum } = this.props
    let tags = false
    let subheader = false
    if(forum.tags) {
      tags = (
        <Header.Subheader style={{marginTop: '0.25em'}}>
          {' ↳ '}
          {forum.tags.map((tag, i) => <span key={i}>
            {' '}
            <Link to={`/topic/${tag}`}>
              #{tag}
            </Link>
          </span>)}
        </Header.Subheader>
      )
    }
    subheader = (
      <div>
        <Header.Subheader>
          {forum.description}
        </Header.Subheader>
        {tags}
      </div>
    )

    return (
      <Segment attached={attached} color="blue">
        <Grid>
          <Grid.Row>
            <Grid.Column width={12}>
              <Header
                size='huge'
                key={forum._id}
                content={forum.name}
                subheader={subheader}
              />
            </Grid.Column>
            <Grid.Column width={4} textAlign="right">
              Managed by
              <br/>
              <AccountLink username='chainbb' />
            </Grid.Column>
          </Grid.Row>
        </Grid>
      </Segment>
    )
  }
}
{'fraction_non_alphanumeric': 0.13662156263640332, 'fraction_numerical': 0.003491924923614142, 'mean_word_length': 1.4565916398713827, 'pattern_counts': {'":': 0, '<': 42, '<?xml version=': 0, '>': 43, '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': '3016005', 'n_tokens_mistral': 671, 'n_tokens_neox': 650, 'n_words': 144}