Build docker image for privacy center

[sanders41]

Purpose

Create a docker image for the privacy center that can be published to docker hub.

I will updated docs etc once we are sure this is how we want things to work. For now to test cd to the privacy-center directory and build the container. docker build -t privacy-center-test .. Then run the container docker run --rm -p 3000:3000 privacy-center-test:latest and navigate the http://localhost:3000 to verify things are running.

Then in some other directory i.e. ~/test create a config folder then inside there create the following files:

• config.css

/* Add global CSS overrides to this file */
:root:root {
  /* Changes the text color to red */
  --chakra-colors-gray-600: #f00;

  /* Changes the background color to blue */
  --chakra-colors-gray-50: #00f;
}

• config.json

{
  "title": "Take control of your data",
  "description": "When you use our services, you’re trusting us with your information. We understand this is a big responsibility and work hard to protect your information and put you in control.",
  "fidesops_host_development": "http://localhost:8080/api/v1",
  "fidesops_host_production": "",
  "logo_path": "/logo.svg",
  "actions": [
    {
      "policy_key": "download",
      "icon_path": "/download.svg",
      "title": "Download your data",
      "description": "We will email you a report of the data related to your account.",
      "identity_inputs": {
        "name": "optional",
        "email": "required",
        "phone": "optional"
      }
    },
    {
      "policy_key": "delete",
      "icon_path": "/delete.svg",
      "title": "Delete your data",
      "description": "We will delete all of your account data. This action cannot be undone.",
      "identity_inputs": {
        "name": "optional",
        "email": "required",
        "phone": "optional"
      }
    }
  ]
}

Then from within the test directory start the container with a volume mount docker run --rm -v $(pwd)/config:/app/config -p 3000:3000 privacy-center-test:latest. Navigate to http://localhost:3000 again and the privacy center should load, but with different colors this time.

Changes

• Added a Dockerfile in the privacy-center directory
• Added a script to start the privacy center in docker

Checklist

• Update CHANGELOG.md file
  • Merge in main so the most recent CHANGELOG.md file is being appended to
  • Add description within the Unreleased section in an appropriate category. Add a new category from the list at the top of the file if the needed one isn't already there.
  • Add a link to this PR at the end of the description with the PR number as the text. example: #1
• Applicable documentation updated (guides, quickstart, postman collections, tutorial, fidesdemo, database diagram.
• If docs updated (select one):
  • documentation complete, or draft/outline provided (tag docs-team to complete/review on this branch)
  • documentation issue created (tag docs-team to complete issue separately)
• Good unit test/integration test coverage
• This PR contains a DB migration. If checked, the reviewer should confirm with the author that the down_revision correctly references the previous migration before merging
• The Run Unsafe PR Checks label has been applied, and checks have passed, if this PR touches any external services

Ticket

Fixes #1094

[seanpreston]

Thanks @sanders41 — this approach looks good

[sanders41]

I followed the Github documentation on this, but don't have any way to actually test it.

[sanders41]

These will need to be updated for ethyca/fidesops-privacy-center on docker hub

[seanpreston]

Thanks