techitesh

version: '3'
services:
  zookeeper:
    image: confluentinc/cp-zookeeper:latest
    networks: 
      - broker-kafka
    environment:
      ZOOKEEPER_CLIENT_PORT: 2181
      ZOOKEEPER_TICK_TIME: 2000
  kafka:

techitesh

const path = require("path");
const { getLoader, loaderByName } = require("@craco/craco");

const packages = [];
packages.push(path.join(__dirname, "../ui-kit"));

module.exports = {
  webpack: {
    configure: (webpackConfig, arg) => {
      const { isFound, match } = getLoader(

techitesh

import React from "react";
import { Table as RBTable } from "react-bootstrap";
import styled from "styled-components";
import { useTable } from "react-table";
import { Card } from "react-bootstrap";
import PropTypes from "prop-types";
import Pagination from "../Pagination/Pagination";

const Table = styled(RBTable)``;

techitesh

import React from "react";
import { createUltimatePagination, ITEM_TYPES } from "react-ultimate-pagination";
import { Pagination as RBPaginate } from "react-bootstrap";

const Pagination = ({ currentPage, totalPages, onPageChange }) => {
  const Wrapper = (props) => {
    return <RBPaginate>{props.children}</RBPaginate>;
  };

  const Ellipsis = (props) => {

techitesh

{
  "useTabs": false,
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": false,
  "trailingComma": "none",
  "jsxBracketSameLine": false,
  "noSemi": true,
  "rcVerbose": true
}

techitesh

{
  "terminal.integrated.fontFamily": "MesloLGS NF",
  "workbench.iconTheme": "material-icon-theme",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "dart.openDevTools": "flutter",
  "dart.debugExternalLibraries": true,

techitesh

version: '3'

services:
  create_certs:
    container_name: create_certs
    image: docker.elastic.co/elasticsearch/elasticsearch:6.8.0
    command: >
      bash -c '
        if [[ ! -f ./config/certificates/elastic-certificates.p12 ]]; then
          bin/elasticsearch-certutil cert -out config/certificates/elastic-certificates.p12 -pass ""

techitesh

set relativenumber
colorscheme gruvbox
set background=dark
set encoding=UTF-8

let g:NERDTreeWinSize=30
let g:webdevicons_enable = 1
let g:webdevicons_enable_nerdtree = 1
let g:prettier#autoformat = 0
let g:prettier#autoformat_require_pragma = 0

techitesh

import React from 'react'

const WithHeaderFooter = (WrapperComponent, extraProps) => {
    return (props) => {
        return (
            <>
                <p>Header Component</p>
                    <WrapperComponent {...props} />
                <p>Footer Component</p>
            </>

techitesh

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

@Pipe({ name: 'noSanitize' })
export class NoSanitizePipe implements PipeTransform {
   constructor(private domSanitizer: DomSanitizer) {

   }
   transform(html: string): SafeHtml {
      return this.domSanitizer.bypassSecurityTrustHtml(html);