hunk.code_window: import org.springframework.data.mongodb.core.ReactiveMongoOperations;
   import org.springframework.data.mongodb.core.convert.MongoConverter;
   import org.springframework.data.mongodb.core.query.Update;
   import org.springframework.stereotype.Component;
   import reactor.core.publisher.Mono;
  
hunk.labels: keep add keep keep keep keep
hunk.after_edit: import org.springframework.data.mongodb.core.query.Criteria;
   import org.springframework.data.mongodb.core.query.Query;
  
hunk.file_path: app/server/appsmith-server/src/main/java/com/appsmith/server/repositories/ce/CustomDatasourceStorageStructureRepositoryCEImpl.java
hunk.type: add
file: import React from "react";
  import styled from "styled-components";
  import { importSvg } from "design-system-old";
  import { Text } from "design-system";
  import {
    createMessage,
    DATASOURCE_BLANK_STATE_MESSAGE,
  } from "@appsmith/constants/messages";
  
  const Container = styled.div`
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  `;
  
  const Content = styled.div`
    width: 243px;
    gap: 24px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  `;
  
  const BlankStateIllustration = importSvg(
    async () => import("assets/images/data-main-blank-state.svg"),
  );
  
  const DatasourceBlankState = () => {
    return (
      <Container className="t--data-blank-state">
        <Content>
          <BlankStateIllustration />
          <Text kind="body-s">
            {createMessage(DATASOURCE_BLANK_STATE_MESSAGE)}
          </Text>
        </Content>
      </Container>
    );
  };
  
  export default DatasourceBlankState;
  