14 | );
15 | }
16 | }
17 | export default App;
18 |
--------------------------------------------------------------------------------
/client/components/containers/staticContainer.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | import Map from '../map';
4 |
5 | // need the div classname because the Map componenet needs to be nested in a div that has height stlying for nivo bubble to work
6 | class StaticContainer extends Component {
7 | constructor(props) {
8 | super(props);
9 | }
10 |
11 | render() {
12 | return (
13 |
14 |
15 |
16 | );
17 | }
18 | }
19 |
20 | export default StaticContainer;
21 |
--------------------------------------------------------------------------------
/server/models/stackModels.js:
--------------------------------------------------------------------------------
1 | // URI to the postgres database is in .env file which is not commited to github. Please request URI from previous team
2 | // Database contains 3 tables for technology Libraries, Framework, and Types
3 |
4 | // import PG_URI from '../../.env';
5 | const { Pool } = require('pg');
6 |
7 | require("dotenv").config();
8 |
9 | // create a new pool here using the connection string above
10 | const pool = new Pool({
11 | connectionString: process.env.PG_URI
12 | });
13 |
14 | // We export an object that contains a property called query,
15 | // which is a function that returns the invocation of pool.query() after logging the query
16 | // This will be required in the controllers to be the access point to the database
17 | module.exports = {
18 | query: (text, params, callback) => {
19 | console.log('executed query', text);
20 | return pool.query(text, params, callback);
21 | }
22 | };
--------------------------------------------------------------------------------
/client/components/containers/mainContainer.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import StaticContainer from './staticContainer';
3 | import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
4 | import MakeMap from '../MakeMap';
5 |
6 | // import MainContainer from './containers/MainContainer';
7 | class MainContainer extends Component {
8 | constructor(props) {
9 | super(props);
10 | }
11 | // router set up to render make map on clicking the button
12 | render() {
13 | return (
14 |