sunguru98

const imageIndex = {
    viewableBy: userId,
    image,
    textContent: texts[index]
}

index.addObject(imageIndex)

sunguru98

npm install react-instantserach-dom --prefix client

sunguru98

const params = createUploadParams(file) // The above function
s3.upload(params).promise()

sunguru98

"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"

sunguru98

<InstantSearch searchClient={searchClient} indexName='prod_USERS'>
    <Hits
        hitComponent={({ hit }) => <img alt='Search Result' src={isImageLoaded ? hit.image : placeholderImage}/>}
    />
</InstantSearch>

sunguru98

index.setSettings({
  searchableAttributes: ['textContent'],
  attributesForFaceting: ['filterOnly(viewableBy)']
})

const publicSearchKey = client.generateSecuredApiKey(
    process.env.ALGOLIA_SEARCH_KEY,
    { filters: `viewableBy:${userId}` }
)

sunguru98

const Tesseract = require('tesseract.js')
Tesseract.recognize(buffer, 'eng')) // Here buffer represents the image itself

sunguru98

ReactDOM.createPortal(
    <PortalContainer onClick={event => !event.target.closest("img") ? onClick() : null}>
      <React.Fragment>
        <BackButton onClick={onClick}>
          <LeftIcon />
        </BackButton>
        {children}
      </React.Fragment>
    </PortalContainer>,
    modalElement

sunguru98

const modalElement = document.getElementById('modal')

sunguru98

const { getRootProps, getInputProps, isDragActive, isDragAccept, isDragReject } = useDropzone({
    multiple: true,
    accept: 'image/jpeg, image/png',
    maxSize: 1024 * 1024 * 2,
    minSize: 0,
    onDrop: acceptedFiles => {
      setFiles([
        ...acceptedFiles.slice(
          0,
          acceptedFiles.length > 2 ? 2 : acceptedFiles.length