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 alpine-nexus:8500/reverse-proxy/reverse-proxy-frontend:1.0.0

--login to registry
docker login --username=admin --password="***REMOVED***" alpine-nexus:8500

--push image
docker push alpine-nexus:8500/reverse-proxy/reverse-proxy-frontend:1.0.0

Pull image from registry
--login to registry

--pull image
docker pull alpine-nexus:8500/reverse-proxy/reverse-proxy-frontend:1.0.0

Run container in prod env
docker run -d --name reverse-proxy-frontend --restart=always -p 5005:80 alpine-nexus:8500/reverse-proxy/reverse-proxy-frontend:1.0.0

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