<commit_before>/* eslint "react/no-danger": 0 */

import Button from "@material-ui/core/Button";
import Paper from "@material-ui/core/Paper";
import Link from "found/Link";
import React from "react";
import { createFragmentContainer, graphql, RelayProp } from "react-relay";
import SendContactEmailMutation from "../mutations/SendContactEmail";
import ContactForm from "./ContactForm";
import EventItem from "./EventItem";
import ProjectItem from "./ProjectItem";
import Text from "./Text";
import { Home_organization } from "./__generated__/Home_organization.graphql";
import { withTheme, Theme } from "@material-ui/core";
import { SendContactEmailInput } from "../mutations/__generated__/SendContactEmailMutation.graphql";
import Map from "./Map";

type Props = {
  organization: Home_organization;
  relay: RelayProp;
  theme: Theme;
};

type State = {
  contactDialogOpen: boolean;
};

class Home extends React.Component<Props, State> {
  state = {
    contactDialogOpen: false,
  };

  sendEmail = (form: SendContactEmailInput) => {
    const { organization, relay } = this.props;
    SendContactEmailMutation.commit(relay.environment, form);
  };

  openEmailDialog = () => {
    this.setState({ contactDialogOpen: true });
  };

  closeEmailDialog = () => {
    this.setState({ contactDialogOpen: false });
  };

  render() {
    const { organization, theme } = this.props;
    const { contactDialogOpen } = this.state;
    const { nextProjects, nextEvents, summaries } = organization;
    return (
      <div id="home">
        <div
          style={{
            backgroundImage: "url(/img/musikkforeningen-nidarholm.jpg)",
            backgroundPosition: "25% 10%",
            backgroundSize: "cover",
            height: "30vw",
            position: "relative",
          }}
        >
          <h1
            className="giant-image-text"
            style={{
              marginTop: 0,
              paddingTop: "3vw",
              textAlign: "center",
              color: "rgba(255,255,255,0.6)",
              display: "none",
            }}
          >
            {organization.name}
          </h1>
          <img
            src="/img/spons/Reitan_RGB_Blue.png"
            alt="Hovedsponsor: Reitan"
            style={{
              width: "20%",
              maxWidth: 252,
              minWidth: 126,
              position: "absolute",
              right: 15,
              bottom: 10,
              backgroundColor: "#f5f5f5",
            }}
          />
        </div>
        <div
          style={{
            maxWidth: 1000,
            margin: "0 auto",<commit_msg>Remove sponsor from image<commit_after>/* eslint "react/no-danger": 0 */

import Button from "@material-ui/core/Button";
import Paper from "@material-ui/core/Paper";
import Link from "found/Link";
import React from "react";
import { createFragmentContainer, graphql, RelayProp } from "react-relay";
import SendContactEmailMutation from "../mutations/SendContactEmail";
import ContactForm from "./ContactForm";
import EventItem from "./EventItem";
import ProjectItem from "./ProjectItem";
import Text from "./Text";
import { Home_organization } from "./__generated__/Home_organization.graphql";
import { withTheme, Theme } from "@material-ui/core";
import { SendContactEmailInput } from "../mutations/__generated__/SendContactEmailMutation.graphql";
import Map from "./Map";

type Props = {
  organization: Home_organization;
  relay: RelayProp;
  theme: Theme;
};

type State = {
  contactDialogOpen: boolean;
};

class Home extends React.Component<Props, State> {
  state = {
    contactDialogOpen: false,
  };

  sendEmail = (form: SendContactEmailInput) => {
    const { organization, relay } = this.props;
    SendContactEmailMutation.commit(relay.environment, form);
  };

  openEmailDialog = () => {
    this.setState({ contactDialogOpen: true });
  };

  closeEmailDialog = () => {
    this.setState({ contactDialogOpen: false });
  };

  render() {
    const { organization, theme } = this.props;
    const { contactDialogOpen } = this.state;
    const { nextProjects, nextEvents, summaries } = organization;
    return (
      <div id="home">
        <div
          style={{
            backgroundImage: "url(/img/musikkforeningen-nidarholm.jpg)",
            backgroundPosition: "25% 10%",
            backgroundSize: "cover",
            height: "30vw",
            position: "relative",
          }}
        >
          <h1
            className="giant-image-text"
            style={{
              marginTop: 0,
              paddingTop: "3vw",
              textAlign: "center",
              color: "rgba(255,255,255,0.6)",
              display: "none",
            }}
          >
            {organization.name}
          </h1>
        </div>
        <div
          style={{
            maxWidth: 1000,
            margin: "0 auto",
{'fraction_non_alphanumeric': 0.13038105046343976, 'fraction_numerical': 0.014212152420185377, 'mean_word_length': 2.3351648351648353, 'pattern_counts': {'":': 2, '<': 18, '<?xml version=': 0, '>': 22, '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': '6790847', 'n_tokens_mistral': 1415, 'n_tokens_neox': 1361, 'n_words': 325}