Changeset e958037 for reactapp


Ignore:
Timestamp:
07/30/22 20:37:52 (2 years ago)
Author:
Viktor <mlviktor23@…>
Branches:
main
Children:
5347491
Parents:
2998dc4
Message:

added styling to /professor/{professorId} page

Location:
reactapp
Files:
5 added
6 deleted
5 edited

Legend:

Unmodified
Added
Removed

  • reactapp/package-lock.json

    r2998dc4 re958037  
    99      "version": "0.1.0",
    1010      "dependencies": {
     11        "@fortawesome/fontawesome-svg-core": "^6.1.2",
     12        "@fortawesome/free-regular-svg-icons": "^6.1.2",
     13        "@fortawesome/free-solid-svg-icons": "^6.1.2",
     14        "@fortawesome/react-fontawesome": "^0.2.0",
    1115        "@testing-library/jest-dom": "^5.16.4",
    1216        "@testing-library/react": "^13.3.0",
    1317        "@testing-library/user-event": "^13.5.0",
     18        "babel-plugin-macros": "^3.1.0",
    1419        "jsog": "^1.0.7",
    1520        "react": "^18.2.0",
    … …  
    1722        "react-router-dom": "^6.3.0",
    1823        "react-scripts": "5.0.1",
     24        "styled-components": "^5.3.5",
    1925        "web-vitals": "^2.1.4"
    2026      }
    … …  
    21072113      }
    21082114    },
     2115    "node_modules/@emotion/is-prop-valid": {
     2116      "version": "1.1.3",
     2117      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.3.tgz",
     2118      "integrity": "sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==",
     2119      "dependencies": {
     2120        "@emotion/memoize": "^0.7.4"
     2121      }
     2122    },
     2123    "node_modules/@emotion/memoize": {
     2124      "version": "0.7.5",
     2125      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz",
     2126      "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     2127    },
     2128    "node_modules/@emotion/stylis": {
     2129      "version": "0.8.5",
     2130      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
     2131      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
     2132    },
     2133    "node_modules/@emotion/unitless": {
     2134      "version": "0.7.5",
     2135      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
     2136      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     2137    },
    21092138    "node_modules/@eslint/eslintrc": {
    21102139      "version": "1.3.0",
    … …  
    21652194      "funding": {
    21662195        "url": "https://github.com/sponsors/sindresorhus"
     2196      }
     2197    },
     2198    "node_modules/@fortawesome/fontawesome-common-types": {
     2199      "version": "6.1.2",
     2200      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.2.tgz",
     2201      "integrity": "sha512-wBaAPGz1Awxg05e0PBRkDRuTsy4B3dpBm+zreTTyd9TH4uUM27cAL4xWyWR0rLJCrRwzVsQ4hF3FvM6rqydKPA==",
     2202      "hasInstallScript": true,
     2203      "engines": {
     2204        "node": ">=6"
     2205      }
     2206    },
     2207    "node_modules/@fortawesome/fontawesome-svg-core": {
     2208      "version": "6.1.2",
     2209      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.2.tgz",
     2210      "integrity": "sha512-853G/Htp0BOdXnPoeCPTjFrVwyrJHpe8MhjB/DYE9XjwhnNDfuBCd3aKc2YUYbEfHEcBws4UAA0kA9dymZKGjA==",
     2211      "hasInstallScript": true,
     2212      "dependencies": {
     2213        "@fortawesome/fontawesome-common-types": "6.1.2"
     2214      },
     2215      "engines": {
     2216        "node": ">=6"
     2217      }
     2218    },
     2219    "node_modules/@fortawesome/free-regular-svg-icons": {
     2220      "version": "6.1.2",
     2221      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.1.2.tgz",
     2222      "integrity": "sha512-xR4hA+tAwsaTHGfb+25H1gVU/aJ0Rzu+xIUfnyrhaL13yNQ7TWiI2RvzniAaB+VGHDU2a+Pk96Ve+pkN3/+TTQ==",
     2223      "hasInstallScript": true,
     2224      "dependencies": {
     2225        "@fortawesome/fontawesome-common-types": "6.1.2"
     2226      },
     2227      "engines": {
     2228        "node": ">=6"
     2229      }
     2230    },
     2231    "node_modules/@fortawesome/free-solid-svg-icons": {
     2232      "version": "6.1.2",
     2233      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.2.tgz",
     2234      "integrity": "sha512-lTgZz+cMpzjkHmCwOG3E1ilUZrnINYdqMmrkv30EC3XbRsGlbIOL8H9LaNp5SV4g0pNJDfQ4EdTWWaMvdwyLiQ==",
     2235      "hasInstallScript": true,
     2236      "dependencies": {
     2237        "@fortawesome/fontawesome-common-types": "6.1.2"
     2238      },
     2239      "engines": {
     2240        "node": ">=6"
     2241      }
     2242    },
     2243    "node_modules/@fortawesome/react-fontawesome": {
     2244      "version": "0.2.0",
     2245      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
     2246      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
     2247      "dependencies": {
     2248        "prop-types": "^15.8.1"
     2249      },
     2250      "peerDependencies": {
     2251        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
     2252        "react": ">=16.3"
    21672253      }
    21682254    },
    … …  
    50125098      }
    50135099    },
     5100    "node_modules/babel-plugin-styled-components": {
     5101      "version": "2.0.7",
     5102      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz",
     5103      "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==",
     5104      "dependencies": {
     5105        "@babel/helper-annotate-as-pure": "^7.16.0",
     5106        "@babel/helper-module-imports": "^7.16.0",
     5107        "babel-plugin-syntax-jsx": "^6.18.0",
     5108        "lodash": "^4.17.11",
     5109        "picomatch": "^2.3.0"
     5110      },
     5111      "peerDependencies": {
     5112        "styled-components": ">= 2"
     5113      }
     5114    },
     5115    "node_modules/babel-plugin-syntax-jsx": {
     5116      "version": "6.18.0",
     5117      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
     5118      "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw=="
     5119    },
    50145120    "node_modules/babel-plugin-transform-react-remove-prop-types": {
    50155121      "version": "0.4.24",
    … …  
    53255431      }
    53265432    },
     5433    "node_modules/camelize": {
     5434      "version": "1.0.0",
     5435      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz",
     5436      "integrity": "sha512-W2lPwkBkMZwFlPCXhIlYgxu+7gC/NUlCtdK652DAJ1JdgV0sTrvuPFshNPrFa1TY2JOkLhgdeEBplB4ezEa+xg=="
     5437    },
    53275438    "node_modules/caniuse-api": {
    53285439      "version": "3.0.0",
    … …  
    57835894      }
    57845895    },
     5896    "node_modules/css-color-keywords": {
     5897      "version": "1.0.0",
     5898      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
     5899      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
     5900      "engines": {
     5901        "node": ">=4"
     5902      }
     5903    },
    57855904    "node_modules/css-declaration-sorter": {
    57865905      "version": "6.3.0",
    … …  
    59636082      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
    59646083      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
     6084    },
     6085    "node_modules/css-to-react-native": {
     6086      "version": "3.0.0",
     6087      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz",
     6088      "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==",
     6089      "dependencies": {
     6090        "camelize": "^1.0.0",
     6091        "css-color-keywords": "^1.0.0",
     6092        "postcss-value-parser": "^4.0.2"
     6093      }
    59656094    },
    59666095    "node_modules/css-tree": {
    … …  
    84248553        "@babel/runtime": "^7.7.6"
    84258554      }
     8555    },
     8556    "node_modules/hoist-non-react-statics": {
     8557      "version": "3.3.2",
     8558      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
     8559      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
     8560      "dependencies": {
     8561        "react-is": "^16.7.0"
     8562      }
     8563    },
     8564    "node_modules/hoist-non-react-statics/node_modules/react-is": {
     8565      "version": "16.13.1",
     8566      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
     8567      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
    84268568    },
    84278569    "node_modules/hoopy": {
    … …  
    1470814850      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
    1470914851    },
     14852    "node_modules/shallowequal": {
     14853      "version": "1.1.0",
     14854      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
     14855      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
     14856    },
    1471014857    "node_modules/shebang-command": {
    1471114858      "version": "2.0.0",
    … …  
    1510615253      "peerDependencies": {
    1510715254        "webpack": "^5.0.0"
     15255      }
     15256    },
     15257    "node_modules/styled-components": {
     15258      "version": "5.3.5",
     15259      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
     15260      "integrity": "sha512-ndETJ9RKaaL6q41B69WudeqLzOpY1A/ET/glXkNZ2T7dPjPqpPCXXQjDFYZWwNnE5co0wX+gTCqx9mfxTmSIPg==",
     15261      "hasInstallScript": true,
     15262      "dependencies": {
     15263        "@babel/helper-module-imports": "^7.0.0",
     15264        "@babel/traverse": "^7.4.5",
     15265        "@emotion/is-prop-valid": "^1.1.0",
     15266        "@emotion/stylis": "^0.8.4",
     15267        "@emotion/unitless": "^0.7.4",
     15268        "babel-plugin-styled-components": ">= 1.12.0",
     15269        "css-to-react-native": "^3.0.0",
     15270        "hoist-non-react-statics": "^3.0.0",
     15271        "shallowequal": "^1.1.0",
     15272        "supports-color": "^5.5.0"
     15273      },
     15274      "engines": {
     15275        "node": ">=10"
     15276      },
     15277      "funding": {
     15278        "type": "opencollective",
     15279        "url": "https://opencollective.com/styled-components"
     15280      },
     15281      "peerDependencies": {
     15282        "react": ">= 16.8.0",
     15283        "react-dom": ">= 16.8.0",
     15284        "react-is": ">= 16.8.0"
    1510815285      }
    1510915286    },
    … …  
    1810518282      "requires": {}
    1810618283    },
     18284    "@emotion/is-prop-valid": {
     18285      "version": "1.1.3",
     18286      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.3.tgz",
     18287      "integrity": "sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==",
     18288      "requires": {
     18289        "@emotion/memoize": "^0.7.4"
     18290      }
     18291    },
     18292    "@emotion/memoize": {
     18293      "version": "0.7.5",
     18294      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz",
     18295      "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     18296    },
     18297    "@emotion/stylis": {
     18298      "version": "0.8.5",
     18299      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
     18300      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
     18301    },
     18302    "@emotion/unitless": {
     18303      "version": "0.7.5",
     18304      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
     18305      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     18306    },
    1810718307    "@eslint/eslintrc": {
    1810818308      "version": "1.3.0",
    … …  
    1814718347          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
    1814818348        }
     18349      }
     18350    },
     18351    "@fortawesome/fontawesome-common-types": {
     18352      "version": "6.1.2",
     18353      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.2.tgz",
     18354      "integrity": "sha512-wBaAPGz1Awxg05e0PBRkDRuTsy4B3dpBm+zreTTyd9TH4uUM27cAL4xWyWR0rLJCrRwzVsQ4hF3FvM6rqydKPA=="
     18355    },
     18356    "@fortawesome/fontawesome-svg-core": {
     18357      "version": "6.1.2",
     18358      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.2.tgz",
     18359      "integrity": "sha512-853G/Htp0BOdXnPoeCPTjFrVwyrJHpe8MhjB/DYE9XjwhnNDfuBCd3aKc2YUYbEfHEcBws4UAA0kA9dymZKGjA==",
     18360      "requires": {
     18361        "@fortawesome/fontawesome-common-types": "6.1.2"
     18362      }
     18363    },
     18364    "@fortawesome/free-regular-svg-icons": {
     18365      "version": "6.1.2",
     18366      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.1.2.tgz",
     18367      "integrity": "sha512-xR4hA+tAwsaTHGfb+25H1gVU/aJ0Rzu+xIUfnyrhaL13yNQ7TWiI2RvzniAaB+VGHDU2a+Pk96Ve+pkN3/+TTQ==",
     18368      "requires": {
     18369        "@fortawesome/fontawesome-common-types": "6.1.2"
     18370      }
     18371    },
     18372    "@fortawesome/free-solid-svg-icons": {
     18373      "version": "6.1.2",
     18374      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.2.tgz",
     18375      "integrity": "sha512-lTgZz+cMpzjkHmCwOG3E1ilUZrnINYdqMmrkv30EC3XbRsGlbIOL8H9LaNp5SV4g0pNJDfQ4EdTWWaMvdwyLiQ==",
     18376      "requires": {
     18377        "@fortawesome/fontawesome-common-types": "6.1.2"
     18378      }
     18379    },
     18380    "@fortawesome/react-fontawesome": {
     18381      "version": "0.2.0",
     18382      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
     18383      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
     18384      "requires": {
     18385        "prop-types": "^15.8.1"
    1814918386      }
    1815018387    },
    … …  
    2023920476      }
    2024020477    },
     20478    "babel-plugin-styled-components": {
     20479      "version": "2.0.7",
     20480      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz",
     20481      "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==",
     20482      "requires": {
     20483        "@babel/helper-annotate-as-pure": "^7.16.0",
     20484        "@babel/helper-module-imports": "^7.16.0",
     20485        "babel-plugin-syntax-jsx": "^6.18.0",
     20486        "lodash": "^4.17.11",
     20487        "picomatch": "^2.3.0"
     20488      }
     20489    },
     20490    "babel-plugin-syntax-jsx": {
     20491      "version": "6.18.0",
     20492      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz",
     20493      "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw=="
     20494    },
    2024120495    "babel-plugin-transform-react-remove-prop-types": {
    2024220496      "version": "0.4.24",
    … …  
    2048320737      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
    2048420738    },
     20739    "camelize": {
     20740      "version": "1.0.0",
     20741      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz",
     20742      "integrity": "sha512-W2lPwkBkMZwFlPCXhIlYgxu+7gC/NUlCtdK652DAJ1JdgV0sTrvuPFshNPrFa1TY2JOkLhgdeEBplB4ezEa+xg=="
     20743    },
    2048520744    "caniuse-api": {
    2048620745      "version": "3.0.0",
    … …  
    2083221091        "postcss-selector-parser": "^6.0.9"
    2083321092      }
     21093    },
     21094    "css-color-keywords": {
     21095      "version": "1.0.0",
     21096      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
     21097      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg=="
    2083421098    },
    2083521099    "css-declaration-sorter": {
    … …  
    2093921203      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
    2094021204      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
     21205    },
     21206    "css-to-react-native": {
     21207      "version": "3.0.0",
     21208      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz",
     21209      "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==",
     21210      "requires": {
     21211        "camelize": "^1.0.0",
     21212        "css-color-keywords": "^1.0.0",
     21213        "postcss-value-parser": "^4.0.2"
     21214      }
    2094121215    },
    2094221216    "css-tree": {
    … …  
    2271822992      "requires": {
    2271922993        "@babel/runtime": "^7.7.6"
     22994      }
     22995    },
     22996    "hoist-non-react-statics": {
     22997      "version": "3.3.2",
     22998      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
     22999      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
     23000      "requires": {
     23001        "react-is": "^16.7.0"
     23002      },
     23003      "dependencies": {
     23004        "react-is": {
     23005          "version": "16.13.1",
     23006          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
     23007          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     23008        }
    2272023009      }
    2272123010    },
    … …  
    2708927378      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
    2709027379    },
     27380    "shallowequal": {
     27381      "version": "1.1.0",
     27382      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
     27383      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
     27384    },
    2709127385    "shebang-command": {
    2709227386      "version": "2.0.0",
    … …  
    2738927683      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
    2739027684      "requires": {}
     27685    },
     27686    "styled-components": {
     27687      "version": "5.3.5",
     27688      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.5.tgz",
     27689      "integrity": "sha512-ndETJ9RKaaL6q41B69WudeqLzOpY1A/ET/glXkNZ2T7dPjPqpPCXXQjDFYZWwNnE5co0wX+gTCqx9mfxTmSIPg==",
     27690      "requires": {
     27691        "@babel/helper-module-imports": "^7.0.0",
     27692        "@babel/traverse": "^7.4.5",
     27693        "@emotion/is-prop-valid": "^1.1.0",
     27694        "@emotion/stylis": "^0.8.4",
     27695        "@emotion/unitless": "^0.7.4",
     27696        "babel-plugin-styled-components": ">= 1.12.0",
     27697        "css-to-react-native": "^3.0.0",
     27698        "hoist-non-react-statics": "^3.0.0",
     27699        "shallowequal": "^1.1.0",
     27700        "supports-color": "^5.5.0"
     27701      }
    2739127702    },
    2739227703    "stylehacks": {

  • reactapp/package.json

    r2998dc4 re958037  
    44  "private": true,
    55  "dependencies": {
     6    "@fortawesome/fontawesome-svg-core": "^6.1.2",
     7    "@fortawesome/free-regular-svg-icons": "^6.1.2",
     8    "@fortawesome/free-solid-svg-icons": "^6.1.2",
     9    "@fortawesome/react-fontawesome": "^0.2.0",
    610    "@testing-library/jest-dom": "^5.16.4",
    711    "@testing-library/react": "^13.3.0",
    812    "@testing-library/user-event": "^13.5.0",
     13    "babel-plugin-macros": "^3.1.0",
    914    "jsog": "^1.0.7",
    1015    "react": "^18.2.0",
    … …  
    1217    "react-router-dom": "^6.3.0",
    1318    "react-scripts": "5.0.1",
     19    "styled-components": "^5.3.5",
    1420    "web-vitals": "^2.1.4"
    1521  },

  • reactapp/src/App.js

    r2998dc4 re958037  
    1 import { Outlet, Link, useParams } from "react-router-dom";
     1import { Outlet } from "react-router-dom";
     2import { MainWrapper, MainTitle } from "./Components/Main.style";
    23
    34export default function App() {
     5  //document.body.style = "background: red;";
    46  return (
    5     <div>
    6       <h1>profesori.mk</h1>
     7    <MainWrapper>
     8      <style>
     9        @import
     10        url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
     11      </style>
     12      <style>
     13        {
     14          "body { background-color: papayawhip;} * {margin: 0; padding: 0; box-sizing: border-box;}"
     15        }
     16      </style>
     17      <MainTitle>profesori.mk</MainTitle>
    718      <Outlet />
    8     </div>
     19    </MainWrapper>
    920  );
    1021}

  • reactapp/src/Components/OpinionTree.js

    r2998dc4 re958037  
     1import { OpinionCard } from "./OpinionCard.style";
     2
    13function OpinionTree({ professor }) {
    24  var renderedOpinionIds = [];
    … …  
    810    return (
    911      <div key={child.postId}>
    10         <p>{child.author.username} реплицирал</p>
     12        <p>
     13          <a href="#">{child.author.username}</a> реплицирал
     14        </p>
    1115        <p>Содржина: {child.content}</p>
    1216        {child.children.map((childOfChild) => displayChildPosts(childOfChild))}
    … …  
    2226          return (
    2327            <div key={opinion.postId}>
    24               <p>{opinion.author.username} напишал</p>
    25               <p>Наслов: {opinion.title}</p>
    26               <p>Содржина: {opinion.content}</p>
     28              <OpinionCard>
     29                <p>
     30                  <a href="#">{opinion.author.username}</a> напишал
     31                </p>
     32
     33                <p>{opinion.title}</p>
     34                <p>{opinion.content}</p>
     35                <p>{Date(opinion.timePosted)}</p>
     36              </OpinionCard>
    2737              {opinion.children.map((child) => displayChildPosts(child))}
    28               <hr />
    2938            </div>
    3039          );

  • reactapp/src/Pages/Professor.js

    r2998dc4 re958037  
    33import JSOG from "jsog";
    44import OpinionTree from "../Components/OpinionTree";
     5import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
     6import {
     7  solid,
     8  regular,
     9  brands,
     10} from "@fortawesome/fontawesome-svg-core/import.macro";
     11
     12import {
     13  ProfessorCard,
     14  ProfessorCardDetails,
     15  ProfessorCardName,
     16  ProfessorCardSeparator,
     17} from "../Components/ProfessorCard.style";
    518
    619function Professor(props) {
    … …  
    3245    return (
    3346      <div>
    34         <h2>{professor.professorName}</h2>
    35         <h3>{professor.faculty.facultyName}</h3>
    36         <h3>Мислења</h3>
     47        <ProfessorCard>
     48          <ProfessorCardName>{professor.professorName}</ProfessorCardName>
     49          <ProfessorCardSeparator />
     50          <div style={{ marginTop: "20px" }}>
     51            <ProfessorCardDetails fontSize="20px">
     52              {professor.faculty.facultyName}
     53            </ProfessorCardDetails>
     54            <ProfessorCardDetails fontSize="15px">
     55              {professor.faculty.university.universityName}
     56            </ProfessorCardDetails>
     57          </div>
     58        </ProfessorCard>
     59        <h3>{professor.relatedOpinions.length} мислења</h3>
    3760        <div className="opinionTree">
    3861          <OpinionTree professor={professor} />
Note: See TracChangeset for help on using the changeset viewer.