<commit_before>/**
*
* AboutPageComponents
*
*/

import React from 'react';
import styled from 'styled-components';

import { injectIntl } from 'react-intl';
import VisibilitySensor from 'react-visibility-sensor';

import ContentBlock from 'components/ContentBlock';
import LanguageThemeProvider from 'components/LanguageThemeProvider';
import messages from './messages';
import Markdown from 'react-remarkable';
import Isvg from 'react-inlinesvg';

import Container from 'components/PlatformsPage/Container';
import Content from 'components/PlatformsPage/Content';
import CTA from 'components/PlatformsPage/CTA';
import IconContainer from 'components/PlatformsPage/IconContainer';
import Image from 'components/PlatformsPage/Image';
import ImageContent from 'components/PlatformsPage/ImageContent';
import Subtitle from 'components/PlatformsPage/Subtitle';
import Title from 'components/PlatformsPage/Title';
import TextContent from 'components/PlatformsPage/TextContent';
import Viewport from 'components/PlatformsPage/Viewport';

import CollapsingSection from 'components/CollapsingSection';

class Platform extends React.Component {
  render() {

    if (!this.props.content || this.props.content === undefined) return null;
    const lang = this.props.intl.locale;
    return (
      <LanguageThemeProvider>
        <Container lang={lang}>
          <Viewport>
            {/*<IconContainer lang={lang}>
              <Isvg src={this.props.icon} />
            </IconContainer>
            */}
            <TextContent lang={lang}>
              <Content>
                <Title lang={lang}>
                  {this.props.content.get('title')}
                </Title>
                <ContentBlock>
                  {this.props.content.get('introduction')}
                </ContentBlock>

                <CollapsingSection
                  header={
                      (<Subtitle>
                        {this.props.misc.get('what')}
                      </Subtitle>)
                  }
                >
                  <ContentBlock>
                    <Markdown source={this.props.content.get('what')} />
                  </ContentBlock>
                </CollapsingSection>

                <CollapsingSection
                  header={
                      (<Subtitle>
                        {this.props.misc.get('how')}
                      </Subtitle>)
                  }
                >
                  <ContentBlock>
                    <Markdown source={this.props.content.get('how')} />
                  </ContentBlock>
                </CollapsingSection>

                <CTA>
                  <Markdown source={this.props.content.get('get')} />
                </CTA><commit_msg>Fixed issue at //3.basecamp.com/3161453/buckets/3412210/todos/610469026<commit_after>/**
*
* AboutPageComponents
*
*/

import React from 'react';
import styled from 'styled-components';

import { injectIntl } from 'react-intl';
import VisibilitySensor from 'react-visibility-sensor';

import ContentBlock from 'components/ContentBlock';
import LanguageThemeProvider from 'components/LanguageThemeProvider';
import messages from './messages';
import Markdown from 'react-remarkable';
import Isvg from 'react-inlinesvg';

import Container from 'components/PlatformsPage/Container';
import Content from 'components/PlatformsPage/Content';
import CTA from 'components/PlatformsPage/CTA';
import IconContainer from 'components/PlatformsPage/IconContainer';
import Image from 'components/PlatformsPage/Image';
import ImageContent from 'components/PlatformsPage/ImageContent';
import Subtitle from 'components/PlatformsPage/Subtitle';
import Title from 'components/PlatformsPage/Title';
import TextContent from 'components/PlatformsPage/TextContent';
import Viewport from 'components/PlatformsPage/Viewport';

import CollapsingSection from 'components/CollapsingSection';

const Introduction = styled(ContentBlock)`
  margin-bottom: 26px;
`;
class Platform extends React.Component {
  render() {

    if (!this.props.content || this.props.content === undefined) return null;
    const lang = this.props.intl.locale;
    return (
      <LanguageThemeProvider>
        <Container lang={lang}>
          <Viewport>
            {/*<IconContainer lang={lang}>
              <Isvg src={this.props.icon} />
            </IconContainer>
            */}
            <TextContent lang={lang}>
              <Content>
                <Title lang={lang}>
                  {this.props.content.get('title')}
                </Title>
                <Introduction>
                  {this.props.content.get('introduction')}
                </Introduction>

                <CollapsingSection
                  header={
                      (<Subtitle>
                        {this.props.misc.get('what')}
                      </Subtitle>)
                  }
                >
                  <ContentBlock>
                    <Markdown source={this.props.content.get('what')} />
                  </ContentBlock>
                </CollapsingSection>

                <CollapsingSection
                  header={
                      (<Subtitle>
                        {this.props.misc.get('how')}
                      </Subtitle>)
                  }
                >
                  <ContentBlock>
                    <Markdown source={this.props.content.get('how')} />
                  </ContentBlock>
                </CollapsingSection>

                <CTA>
                  <Markdown source={this.props.content.get('get')} />
                </CTA>
{'fraction_non_alphanumeric': 0.11053292661044321, 'fraction_numerical': 0.004665350798492732, 'mean_word_length': 1.960169941582581, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 61, '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': '4916167', 'n_tokens_mistral': 1455, 'n_tokens_neox': 1340, 'n_words': 287}