reverse-proxy-frontend/private/Notes.txt

withTranslation()(LegacyComponentClass)
const { t } = this.props;


import { useTranslation } from 'react-i18next';

function MyComponent() {
  const { t, i18n } = useTranslation();

##############################################################################################
Docker commands:
*****************

Create image:
--from solution folder:
docker image build -t "reverse-proxy-frontend:1.0.0" .

Run image:
docker run -p 5055:80 -it reverse-proxy-frontend:1.0.0

Push image to registry:
--tag image
docker tag reverse-proxy-frontend:1.0.0 cloud.canister.io:5000/tstanciu/reverse-proxy:frontend-1.0.0

--login to registry
docker login --username=tstanciu --password="***REMOVED***" cloud.canister.io:5000

--push image
docker push cloud.canister.io:5000/tstanciu/reverse-proxy:frontend-1.0.0

Pull image from registry
--login to registry with readonly rights
docker login --username=***REMOVED*** --password=***REMOVED*** cloud.canister.io:5000

--pull image
docker pull cloud.canister.io:5000/tstanciu/reverse-proxy:frontend-1.0.0

Run container in prod env
docker run --restart=always -p 5005:80 -d cloud.canister.io:5000/tstanciu/reverse-proxy:frontend-1.0.0

Rename container
docker rename <containet_id> reverse-proxy-frontend
##############################################################################################

https://shalomsam.github.io/react-canvas-js/
https://canvasjs.com/apply/non-commercial/