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.4" .

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

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

--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.4

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.4

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

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

import { makeStyles, useTheme } from "@material-ui/core/styles";
  const theme = useTheme();

  https://www.flaticon.com/free-icon/wizard_2534554?term=wizard&page=1&position=64

  https://lucasbassetti.com.br/react-simple-chatbot/#/docs/previous-value