hunk.code_window:                         "    email varchar (250) not null\n" +
                           ")");
                   statement.execute("alter table possessions add foreign key (username, email) references users (username, email)");
               }
               try (Statement statement = connection.createStatement()) {
                   statement.execute(
                           "INSERT INTO users VALUES (" +
  
hunk.labels: keep keep keep add keep keep keep keep keep
hunk.after_edit:                 statement.execute("SET SESSION sql_mode = '';\n");
  
hunk.file_path: app/server/appsmith-plugins/mysqlPlugin/src/test/java/com/external/plugins/MySqlPluginTest.java
hunk.type: add
file: import * as React from "react";
  import { ComponentProps } from "./BaseComponent";
  import styled from "styled-components";
  
  export interface StyledImageProps {
    defaultImageUrl: string;
    imageUrl?: string;
    backgroundColor?: string;
    showHoverPointer?: boolean;
    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
  }
  
  export const StyledImage = styled.div<
    StyledImageProps & {
      imageError: boolean;
    }
  >`
    position: relative;
    display: flex;
    flex-direction: "row";
    cursor: ${props =>
      props.showHoverPointer && props.onClick ? "pointer" : "inherit"};
    background: ${props => props.backgroundColor};
    background-image: url("${props =>
      props.imageError ? props.defaultImageUrl : props.imageUrl}");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
  `;
  
  class ImageComponent extends React.Component<
    ImageComponentProps,
    {
      imageError: boolean;
    }
  > {
    constructor(props: ImageComponentProps) {
      super(props);
      this.state = {
        imageError: false,
      };
    }
    render() {
      return (
        <StyledImage
          className={this.props.isLoading ? "bp3-skeleton" : ""}
          imageError={this.state.imageError}
          {...this.props}
        >
          <img
            style={{
              display: "none",
            }}
            alt={this.props.widgetName}
            src={this.props.imageUrl}
            onError={this.onImageError}
            onLoad={this.onImageLoad}
            onClick={this.props.onClick}
          ></img>
        </StyledImage>
      );
    }
  
    onImageError = () => {
      this.setState({
        imageError: true,
      });
    };
  
    onImageLoad = () => {
      this.setState({
        imageError: false,
      });
    };
  }
  
  export interface ImageComponentProps extends ComponentProps {
    imageUrl: string;
    defaultImageUrl: string;
    isLoading: boolean;
    showHoverPointer?: boolean;
    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
  }
  
  export default ImageComponent;
  