Refactor docker

[mstronck]

Types of changes

• Bugfix (change which fixes an issue)
• New feature (change which adds functionality)
• Refactor (change which changes the codebase without affecting its external behavior)
• Non-breaking change (fix or feature that would causes existing functionality to work as expected)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Purpose

-Previous version could not access multiple databases
-Previous version did not use the pg package which lead to a lot of extra code
-Previous version did not return query data in row format

Approach

1. Npm installed 'pg' package
2. Added modal.ts in backend directory, and created and exported a pool
3. Required the export from the modal.ts into the main.ts
4. Changed what happens in the 'execute-query' channel, reduced code.
5. Altered the docker-compose file to include hostname, networks, and proper ports
6. Added script to reset docker containers in package.json called containerReset
7. Altered the 'return-execute-query' channel in MainPanel.tsx to just console log the result it receives from the backend , which is now the return data in the rows format
8. Added comments to 'upload-file' channel in main.tsx
9. Added a changeDB function to the modal export that changes the PG_URI to route to the desired database
10. Made it so if a person queries "\c defaultDB" it will connect them to the proper database
11. Added automatic route connecting when a database file is imported so that the user does not need to type in '\c dbName' in order to connect to their newly imported database.

Learning

-https://docs.docker.com/compose/networking/
-https://medium.com/coderbunker/rapid-api-development-tutorial-with-docker-postgresql-postgraphile-e387c1c73dd8

Screenshot(s)

[catherinechiu]

amazing job, mercer!

[muhammadtrad]

Looks great!

[FrankNorton32]

After testing, and local debugging, it works.