diff --git a/client/package.json b/client/package.json index 9538abff421391f9885998497b11586f60618b20..a0a6e8551af115dd4010bd943c271806779c53ea 100644 --- a/client/package.json +++ b/client/package.json @@ -1,6 +1,6 @@ { - "homepage": "http://it2810-54.idi.ntnu.no", - "name": "project-3", + "homepage": "http://localhost:3000", + "name": "project-4", "version": "0.1.0", "private": true, "dependencies": { @@ -27,7 +27,7 @@ "test": "react-scripts test", "eject": "react-scripts eject" }, - "proxy": "http://it2810-54.idi.ntnu.no:4000", + "proxy": "http://localhost:8080", "eslintConfig": { "extends": [ "react-app", diff --git a/client/src/components/Header.tsx b/client/src/components/Header.tsx index 1c00a79c8f28282eb3f7aac99553b9ae4c84835b..fa78b1d781e270259b264fe03a083de3ed4c844a 100644 --- a/client/src/components/Header.tsx +++ b/client/src/components/Header.tsx @@ -34,8 +34,8 @@ class Header extends React.Component<MoviesProps, MyState> { <input type="text" placeholder="Search for movie titles..." onChange={this.handleChange} id="textfield1"></input> <span>Movie genre:</span> <input type="text" placeholder="Filter on genre..." onChange={this.handleChange} id="textfield2"></input> - {/* Order by year: */} - {/* <input type="checkbox" id="checkbox1" onChange={this.handleChange}></input> */} + Order by year: + <input type="checkbox" id="checkbox1" onChange={this.handleChange}></input> <button className="button button2" onClick={this.search} >Search</button> </div> ) diff --git a/client/src/components/services.ts b/client/src/components/services.ts index 64f3d5c796a27748f7c7a6d935472e316ab838d2..fb45dca9e8d101c1a459669a1631e86878d054bb 100644 --- a/client/src/components/services.ts +++ b/client/src/components/services.ts @@ -1,6 +1,6 @@ // used to send all requests to backend export function queryFetch(query: String) { - return fetch('http://it2810-54.idi.ntnu.no:4000/graphql', { + return fetch('/graphql', { method: 'POST', headers: { "Content-Type": "application/json" }, body: JSON.stringify({ diff --git a/server/package-lock.json b/server/package-lock.json index 20d32c75d3492dc4c5532d06fef69b220947845e..b53a57b0a877a2cadfd9ad385aa54c9826b8e06b 100644 --- a/server/package-lock.json +++ b/server/package-lock.json @@ -5528,11 +5528,6 @@ "is-obj": "^2.0.0" } }, - "dotenv": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", - "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==" - }, "dotenv-expand": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-5.1.0.tgz", diff --git a/server/package.json b/server/package.json index 5e2cb5495f5fdefe367e924c7556eec696a6ddfd..457dfbf5d9bb602dd9f8e26f5de72623766a26c2 100644 --- a/server/package.json +++ b/server/package.json @@ -1,5 +1,5 @@ { - "name": "project-3", + "name": "project-4", "version": "0.1.0", "private": true, "dependencies": { @@ -27,7 +27,7 @@ "web-vitals": "^1.1.2" }, "scripts": { - "start": "nodemon src/server_local.ts --exec ts-node", + "start": "nodemon src/server.ts --exec ts-node", "build": "tsc src/server.ts", "test": "react-scripts test", "eject": "react-scripts eject" diff --git a/server/src/server.ts b/server/src/server.ts index 463e8066aa69a79abb6dd238411169af6d37e314..dfe854602b93b4c233d444e96ac57bc36be3d585 100644 --- a/server/src/server.ts +++ b/server/src/server.ts @@ -4,7 +4,7 @@ var { graphqlHTTP } = require('express-graphql'); var { GraphQLObjectType, GraphQLSchema, GraphQLInt, GraphQLString, GraphQLList, GraphQLBoolean } = require('graphql'); import {sendQuery} from "./database" -import * as cors from 'cors'; +// import * as cors from 'cors'; const MovieType = new GraphQLObjectType({ name: "Movie", @@ -76,7 +76,6 @@ const RootQuery = new GraphQLObjectType({ async resolve(parent: any, args: any) { let query = ''; if(typeof args.title!='undefined' && typeof args.genre!='undefined'){ - console.log("resolve") query = getSearchQuery(args.title, args.genre, args.order)} const response = await sendQuery(query); return response[0]; @@ -181,7 +180,7 @@ const schema = new GraphQLSchema({query: RootQuery, mutation: Mutation}) var app = express(); // Add headers -app.use(function (req, res, next) { +app.use(function (req: any, res: any, next: any) { // Website you wish to allow to connect res.setHeader('Access-Control-Allow-Origin', '*'); @@ -201,11 +200,11 @@ app.use(function (req, res, next) { }); -app.use(cors()); +// app.use(cors()); app.use('/graphql', graphqlHTTP({ schema: schema, graphiql: true, })); -app.listen(4000, () => console.log('Server running on port 4000')); +app.listen(8080, () => console.log('Server running on port 8080'));