Feat/ha/get requests from datalandsbyen

package.json

@@ -51,6 +51,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.8.3",
+    "@digdir/design-system-react": "^0.27.0",
+    "@digdir/design-system-tokens": "^0.7.0",
     "@emotion/styled": "^11.10.5",
     "@fellesdatakatalog/alert": "^0.3.6",
     "@fellesdatakatalog/button": "^0.2.10",
@@ -106,7 +108,7 @@
     "react-router-breadcrumbs-hoc": "^4.1.0",
     "react-router-dom": "^5.3.4",
     "react-scroll": "^1.8.9",
-    "react-select": "^5.7.4",
+    "react-select": "^5.7.5",
     "reactstrap": "^9.1.5",
     "redux": "^4.2.1",
     "redux-api-middleware": "^3.2.1",
@@ -179,7 +181,7 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.14",
+    "fork-ts-checker-webpack-plugin": "^8.0.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
@@ -202,7 +204,7 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.9.4",
     "url-loader": "^4.1.1",
-    "webpack": "^5.87.0",
+    "webpack": "^5.88.2",
     "webpack-bundle-analyzer": "^4.8.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.15.1",

src/api/community-api/search.ts

@@ -24,6 +24,10 @@ export const getRecentPosts = (term: CommunityTerm) =>
     .get(`${FDK_COMMUNITY_BASE_URI}/api/recent/posts/${term}`)
     .then(({ data }) => data);
 
+export const getRequests = () =>
+  axios
+    .get(`${FDK_COMMUNITY_BASE_URI}/api/category/6`)
+    .then(({ data }) => data);
 export const extractTopicsFromSearch = (
   searchResponse: any
 ): CommunityTopic[] => {

src/app/app.jsx

@@ -3,6 +3,7 @@ import { Redirect, Route, Switch } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
+import '@digdir/design-system-tokens/brand/digdir/tokens.css';
 import localization from '../lib/localization';
 import { MainPage } from '../pages/main-page/main-page';
 import { SearchPage } from '../pages/search-page/search-page';
@@ -46,7 +47,8 @@ import {
   PATHNAME_ABOUT_CONCEPTS,
   PATHNAME_ABOUT_INFORMATIONMODELS,
   PATHNAME_AI,
-  PATHNAME_TRANSPORT
+  PATHNAME_TRANSPORT,
+  PATHNAME_REQUESTS
 } from '../constants/constants';
 import ScrollToTop from '../components/scroll-to-top';
 import { getConfig } from '../config';
@@ -58,6 +60,7 @@ import { CmsArticlePage } from '../pages/cms-article-page/cms-article-page';
 import OrganizationsRouter from '../pages/organizations';
 import InformationPage from '../pages/cms-information-page';
 import TransportPage from '../pages/cms-transport-page';
+import RequestsPage from '../pages/requests';
 import { AiProjectPage } from '../pages/ai-project-page';
 import { parseSearchParams } from '../lib/location-history-helper';
 import routes from '../routes';
@@ -113,7 +116,8 @@ export function App({ language, onChangeLanguage }) {
     [PATHNAME_ABOUT_CONCEPTS]: InformationPage,
     [PATHNAME_ABOUT_INFORMATIONMODELS]: InformationPage,
     [PATHNAME_AI]: AiProjectPage,
-    [PATHNAME_TRANSPORT]: TransportPage
+    [PATHNAME_TRANSPORT]: TransportPage,
+    [PATHNAME_REQUESTS]: RequestsPage
   };
 
   return (

src/components/banner/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { FC } from 'react';
+import { Heading } from '@digdir/design-system-react';
+import SC from './styled';
+
+import EllipseSVG from './svg/ellipse-1.svg';
+import RectangleSVG from './svg/rectangle-1.svg';
+
+interface Props {
+  title: string;
+}
+
+const Banner: FC<Props> = ({ title }) => (
+  <SC.Container>
+    <SC.SvgEllipse>
+      <EllipseSVG />
+    </SC.SvgEllipse>
+    <SC.TitleContainer>
+      <Heading size='xlarge'>{title}</Heading>
+    </SC.TitleContainer>
+    <SC.SvgRectangle>
+      <RectangleSVG />
+    </SC.SvgRectangle>
+  </SC.Container>
+);
+
+export default Banner;