Commento-react-material-ui NPM

commento-react-material-ui

Warning ⚠ : This package is not ready to be used in production, also the current layout of the application is synchronized for a special internal usecase. Hence, it won't work with a regular commento installation.

Future Releases: The plan is to make this package work cohesively with a regular commento installtion as described on Commento.io

This package has been derived from COMMENTO-REACT npm package.

Your project must use material-ui to use this as a dependency.

A react based frontend for Commento
Visit Commento.io to know more about how to setup the backend.

Install

npm i commento-react-material-ui

Usage

import React from 'react'

import { CommnetoAuthProvider, CommentsPage } from 'commento-react-material-ui'
import 'commento-react-material-ui/dist/commento-style.css'
const dummyAuthToken = process.env.REACT_APP_AUTH_TOKEN // your commento auth token

const App = () => {
  return (
    <div>
      <CommnetoAuthProvider
        sso={true}
        commentoOrigin={process.env.REACT_APP_COMMENTO_ORIGIN as string} // your commento origin URL
        ssoToken={dummyAuthToken}
      >
          <CommentsPage
          pageId={
            'your-awesome-commento-pageid'
          }
          pageType={'popup'}
          height={600}
          width={400}
          commentSystem={'organization'}>

        <CommentsCountLib
          pageId={`your-awesome-page-id`}  // to see the count of comments for a particular pag
        >
          {(
            count,
            countLoaded,
            isAuthenticated,
            isAuthenticating
          ) => (
            <div style={{marginTop: '200px'}}>
              {count}
              {countLoaded}
              {isAuthenticating}
              {isAuthenticated}
            </div>
          )}
        </CommentsCountLib>

      </CommnetoAuthProvider>
    </div>
  )
}