Compare revisions

vojtech.pikal · filip.varecha · xaralis · xaralis · xaralis · xaralis
--- a/.env
+++ b/.env
-REACT_APP_STYLEGUIDE_URL=https://styleguide.pir-test.eu/2.3.3
+REACT_APP_STYLEGUIDE_URL=https://styleguide.pirati.cz/2.11.0
-REACT_APP_API_BASE_URL=https://cf2021.pir-test.eu/api
+REACT_APP_API_BASE_URL=https://cf2024.online/api
 REACT_APP_MATOMO_ID=135
-REACT_APP_SENTRY_DSN=https://aa80453ff4d54b9a9c1b49e79060498a@sentry.pir-test.eu/14
+REACT_APP_SENTRY_DSN=https://aa80453ff4d54b9a9c1b49e79060498a@sentry.pirati.cz/14
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
-image: node:buster
+image: node:18.20.4-bullseye
 variables:
-  SITE_NAME: cf2021.pirati.cz
+  SITE_NAME: cf2024.online
  ARTIFACTS_PATH: build
  REACT_APP_API_BASE_URL: /api
  WEBHOOK_URL: https://ha-web.pirati.cz
@@ -12,13 +13,13 @@ before_script:
 build:
  stage: build
  script:
-    - npm install
+    - npm install --legacy-peer-deps
    - npm run build
  after_script:
-    - echo "{\"job_token\":\"$CI_JOB_TOKEN\", \"name\":\"$SITE_NAME\" }" > request.json
+    - echo "{\"name\":\"$SITE_NAME\" }" > request.json
-    - "curl -H 'Content-Type: application/json' -X POST -d @request.json $WEBHOOK_URL"
+    - "curl -k -H 'Content-Type: application/json' -X POST -d @request.json $WEBHOOK_URL"
  artifacts:
    expire_in: 30 min
    paths:
-     - $ARTIFACTS_PATH
+      - $ARTIFACTS_PATH
--- a/.nvmrc
+++ b/.nvmrc
-14.13
+18.20.4
\ No newline at end of file
--- a/Dockerfile
+++ b/Dockerfile
-FROM node:14.13-alpine3.12 as build
+FROM node:18.20.4-alpine AS build
-ARG BUILD_REACT_APP_STYLEGUIDE_URL
+ENV REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.12.1"
+ENV REACT_APP_API_BASE_URL=https://cf2024.online/api
-ENV REACT_APP_STYLEGUIDE_URL=${BUILD_REACT_APP_STYLEGUIDE_URL}
+ENV REACT_APP_MATOMO_ID=135
+ENV REACT_APP_SENTRY_DSN=https://aa80453ff4d54b9a9c1b49e79060498a@sentry.pirati.cz/14
 RUN mkdir -p /home/node/cf2021
@@ -10,7 +11,7 @@ WORKDIR /home/node/cf2021
 COPY package*.json ./
-RUN npm ci
+RUN npm ci --legacy-peer-deps
 COPY . .
@@ -18,7 +19,7 @@ RUN npm run build
 # ---
-FROM nginx:alpine as production
+FROM nginx:alpine AS production
 COPY --from=build /home/node/cf2021/build /usr/share/nginx/html/
 COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
--- a/Dockerfile.development
+++ b/Dockerfile.development
-FROM node:14.13-alpine3.12
+FROM node:18.20.4-alpine
 #  libs for development -- most of theme needed for canvas support in tests
 RUN apk add --no-cache \
-    build-base \
+  build-base \
-    g++ \
+  g++ \
-    libpng \
+  libpng \
-    libpng-dev \
+  libpng-dev \
-    jpeg-dev \
+  jpeg-dev \
-    pango-dev \
+  pango-dev \
-    cairo-dev \
+  cairo-dev \
-    giflib-dev \
+  giflib-dev \
-    python3 \
+  python3 \
-    ;
+  ;
 WORKDIR /app/cf2021
 COPY package*.json ./
-RUN npm ci
+RUN npm ci --legacy-peer-deps
 COPY . .

--- a/compose.yaml
+++ b/compose.yaml
+services:
+  app:
+    image: cf-online
+    ports:
+      - "3000:80"
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
+import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import jestDom from "eslint-plugin-jest-dom";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import testingLibrary from "eslint-plugin-testing-library";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+const eslintConfig = [
+  ...fixupConfigRules(
+    compat.extends(
+      "react-app",
+      "plugin:prettier/recommended",
+      "plugin:testing-library/dom",
+      "plugin:jest-dom/recommended",
+    ),
+  ),
+  {
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+      "testing-library": fixupPluginRules(testingLibrary),
+      "jest-dom": fixupPluginRules(jestDom),
+    },
+    rules: {
+      "sort-imports": "off",
+      "prettier/prettier": "warn",
+      "react/no-unknown-property": [1],
+      "simple-import-sort/imports": [
+        "warn",
+        {
+          groups: [
+            ["^react", "^@?\\w"],
+            [
+              "^(api|actions|config|hooks|components|containers|pages|utils|stores|keycloak|markdown|ws)(/.*|$)",
+            ],
+            ["^(test-utils)(/.*|$)"],
+            ["^\\u0000"],
+            ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
+            ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
+            ["^.+\\.s?css$"],
+          ],
+        },
+      ],
+      "testing-library/await-async-queries": "error",
+      "testing-library/no-await-sync-queries": "error",
+      "testing-library/no-debugging-utils": "warn",
+      "jest-dom/prefer-checked": "error",
+      "jest-dom/prefer-enabled-disabled": "error",
+      "jest-dom/prefer-required": "error",
+      "jest-dom/prefer-to-have-attribute": "error",
+    },
+  },
+];
+export default eslintConfig;
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -3,38 +3,35 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
-    "@react-keycloak/web": "^2.1.4",
+    "@react-keycloak/web": "^3.4.0",
-    "@rooks/use-interval": "^4.5.0",
+    "@rooks/use-interval": "^4.11.2",
-    "@rooks/use-outside-click": "^4.5.0",
+    "@rooks/use-outside-click": "^4.11.2",
-    "@rooks/use-timeout": "^4.5.0",
+    "@rooks/use-timeout": "^4.11.2",
-    "@rooks/use-window-size": "^4.5.0",
+    "@rooks/use-window-size": "^4.11.2",
-    "@sentry/integrations": "^5.29.2",
+    "@sentry/integrations": "^7.119.2",
-    "@sentry/react": "^5.29.2",
+    "@sentry/react": "^8.34.0",
-    "@sentry/tracing": "^5.29.2",
+    "@sentry/tracing": "^7.119.2",
-    "classnames": "^2.2.6",
+    "ajv": "^8.17.1",
-    "crypto-js": "^3.3.0",
+    "classnames": "^2.5.1",
-    "date-fns": "^2.16.1",
+    "crypto-js": "^4.2.0",
-    "i": "^0.3.6",
+    "date-fns": "^4.1.0",
-    "immer": "^7.0.15",
+    "keycloak-js": "^26.0.0",
-    "keycloak-js": "^10.0.2",
+    "lodash": "^4.17.21",
-    "lodash": "^4.17.20",
+    "pullstate": "^1.25.0",
-    "npm": "^6.14.10",
+    "react": "^18.3.1",
-    "pullstate": "^1.20.5",
+    "react-dom": "^18.3.1",
-    "react": "^16.13.1",
+    "react-helmet-async": "^2.0.5",
-    "react-dom": "^16.13.1",
+    "react-hint": "^3.2.1",
-    "react-helmet-async": "^1.0.7",
+    "react-intersection-observer": "^9.13.1",
-    "react-hint": "^3.2.0",
+    "react-joyride": "^2.9.2",
-    "react-intersection-observer": "^8.31.0",
+    "react-mde": "^11.5.0",
-    "react-joyride": "^2.3.0",
+    "react-modal": "^3.16.1",
-    "react-mde": "^11.0.0",
+    "react-player": "^2.16.0",
-    "react-modal": "^3.12.1",
+    "react-router-dom": "^6.27.0",
-    "react-player": "^2.7.2",
+    "react-scripts": "^5.0.1",
-    "react-router-dom": "^5.2.0",
+    "showdown": "^2.1.0",
-    "react-scripts": "3.4.3",
-    "showdown": "^1.9.1",
-    "unfetch": "^4.2.0",
    "wait-queue": "^1.1.4",
-    "xss": "^1.0.8"
+    "xss": "^1.0.15"
  },
  "scripts": {
    "start": "react-scripts start",
@@ -45,65 +42,6 @@
    "lint:fix": "eslint --cache --fix 'src/**/*.{js,jsx}'",
    "analyze": "source-map-explorer 'build/static/js/*.js'"
  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "plugin:prettier/recommended",
-      "plugin:testing-library/recommended",
-      "plugin:jest-dom/recommended"
-    ],
-    "plugins": [
-      "simple-import-sort",
-      "testing-library",
-      "jest-dom"
-    ],
-    "rules": {
-      "sort-imports": "off",
-      "prettier/prettier": "warn",
-      "react/no-unknown-property": [
-        1
-      ],
-      "simple-import-sort/sort": [
-        "warn",
-        {
-          "groups": [
-            [
-              "^react",
-              "^@?\\w"
-            ],
-            [
-              "^(api|actions|config|hooks|components|containers|pages|utils|stores|keycloak|markdown|ws)(/.*|$)"
-            ],
-            [
-              "^(test-utils)(/.*|$)"
-            ],
-            [
-              "^\\u0000"
-            ],
-            [
-              "^\\.\\.(?!/?$)",
-              "^\\.\\./?$"
-            ],
-            [
-              "^\\./(?=.*/)(?!/?$)",
-              "^\\.(?!/?$)",
-              "^\\./?$"
-            ],
-            [
-              "^.+\\.s?css$"
-            ]
-          ]
-        }
-      ],
-      "testing-library/await-async-query": "error",
-      "testing-library/no-await-sync-query": "error",
-      "testing-library/no-debug": "warn",
-      "jest-dom/prefer-checked": "error",
-      "jest-dom/prefer-enabled-disabled": "error",
-      "jest-dom/prefer-required": "error",
-      "jest-dom/prefer-to-have-attribute": "error"
-    }
-  },
  "browserslist": {
    "production": [
      ">0.2%",
@@ -117,23 +55,27 @@
    ]
  },
  "devDependencies": {
-    "@testing-library/jest-dom": "^4.0.0",
+    "@eslint/compat": "^1.2.0",
-    "@testing-library/react": "^10.4.4",
+    "@eslint/eslintrc": "^3.1.0",
-    "@testing-library/react-hooks": "^3.4.2",
+    "@eslint/js": "^9.12.0",
-    "@testing-library/user-event": "^12.1.7",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.5.2",
    "babel-core": "^6.26.3",
    "babel-eslint": "^10.1.0",
-    "eslint": "^6.8.0",
+    "eslint": "^9.12.0",
-    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest-dom": "^3.6.3",
+    "eslint-plugin-jest-dom": "^5.4.0",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-react": "^7.37.1",
-    "eslint-plugin-simple-import-sort": "^5.0.3",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-testing-library": "^3.8.0",
+    "eslint-plugin-testing-library": "^6.3.0",
-    "prettier": "^2.1.1",
+    "prettier": "^3.3.3",
-    "source-map-explorer": "^2.5.1"
+    "source-map-explorer": "^2.5.3",
+    "typescript": "^5.6.3"
  }
 }
--- a/public/img/og.afdesign
+++ b/public/img/og.afdesign
--- a/public/img/og.png
+++ b/public/img/og.png
--- a/public/img/og2021.png
+++ b/public/img/og2021.png
--- a/public/img/og2024.png
+++ b/public/img/og2024.png
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
    <!-- Favicons -->
    <link rel="apple-touch-icon"  href="%REACT_APP_STYLEGUIDE_URL%/images/favicons/favicon-196x196.png">
    <link rel="icon" type="image/png" href="%REACT_APP_STYLEGUIDE_URL%/images/favicons/favicon-196x196.png" sizes="196x196">
-    <meta name="application-name" content="CF2021">
+    <meta name="application-name" content="CF2023">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="%REACT_APP_STYLEGUIDE_URL%/images/favicons/mstile-144x144.png">
    <meta name="msapplication-square70x70logo" content="%REACT_APP_STYLEGUIDE_URL%/images/favicons/mstile-70x70.png">
@@ -14,14 +14,14 @@
    <meta name="msapplication-square310x310logo" content="%REACT_APP_STYLEGUIDE_URL%/images/favicons/mstile-310x310.png">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="theme-color" content="#000000" />
-    <meta property="og:url" content="https://cf2021.pirati.cz/" />
+    <meta property="og:url" content="https://cf2024.online/" />
    <meta property="og:type" content="website" />
-    <meta property="og:title" content="CF 2021 | Pirátská strana" />
+    <meta property="og:title" content="CF 2024 | Pirátská strana" />
-    <meta property="og:image" content="https://cf2021.pirati.cz/img/og.png" />
+    <meta property="og:image" content="https://cf2023.online/img/og2024.png" />
-    <meta property="og:description" content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 9. 1. 2021." />
+    <meta property="og:description" content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 13. 1. 2024." />
-    <meta name="description" content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 9. 1. 2021." />
+    <meta name="description" content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 13. 1. 2024." />
-    <title>CF 2021 | Pirátská strana</title>
+    <title>CF 2023 | Pirátská strana</title>
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -37,7 +37,7 @@
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <link rel="stylesheet" href="%REACT_APP_STYLEGUIDE_URL%/css/styles.css" />
-    <script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script>
+    <!--<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script>-->
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>

--- a/public/manifest.json
+++ b/public/manifest.json
 {
-  "short_name": "CF2021",
+  "short_name": "CF2023",
-  "name": "Celostátní fórum 2021",
+  "name": "Celostátní fórum 2023",
  "icons": [
    {
      "src": "https://styleguide.pir-test.eu/latest/images/favicons/favicon-32x32.png",

--- a/src/App.jsx
+++ b/src/App.jsx
 import React, { Suspense, useEffect } from "react";
 import { Helmet, HelmetProvider } from "react-helmet-async";
 import ReactHintFactory from "react-hint";
-import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
+import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
-import { KeycloakProvider } from "@react-keycloak/web";
+import { ReactKeycloakProvider as KeycloakProvider } from "@react-keycloak/web";
-import { ExtraErrorData } from "@sentry/integrations/dist/extraerrordata";
+import { extraErrorDataIntegration } from "@sentry/integrations";
 import * as Sentry from "@sentry/react";
-import { Integrations } from "@sentry/tracing";
+import { browserTracingIntegration } from "@sentry/browser"
 import { loadAnnouncements } from "actions/announcements";
 import { loadConfig } from "actions/global-info";
@@ -33,7 +33,7 @@ if (process.env.REACT_APP_SENTRY_DSN) {
  Sentry.init({
    dsn: process.env.REACT_APP_SENTRY_DSN,
    tracesSampleRate: 0.1,
-    integrations: [new ExtraErrorData(), new Integrations.BrowserTracing()],
+    integrations: [extraErrorDataIntegration(), browserTracingIntegration()],
  });
 }
@@ -89,7 +89,7 @@ const LoadingComponent = (
          className="w-16 mb-2"
          alt="Pirátská strana"
        />
-        <h1 className="head-alt-md md:head-alt-lg">Celostátní fórum 2021</h1>
+        <h1 className="head-alt-md md:head-alt-lg">Celostátní fórum 2024</h1>
      </div>
      <p className="text-center head-xs md:head-base">Načítám aplikaci ...</p>
    </div>
@@ -105,25 +105,25 @@ const BaseApp = () => {
    <HelmetProvider>
      <Router>
        <Helmet>
-          <title>CF 2021 | Pirátská strana</title>
+          <title>CF 2024 | Pirátská strana</title>
          <meta
            name="description"
-            content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 9. 1. 2021."
+            content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 13. 1. 2024."
          />
-          <meta property="og:title" content="CF 2021 | Pirátská strana" />
+          <meta property="og:title" content="CF 2024 | Pirátská strana" />
          <meta
            property="og:description"
-            content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 9. 1. 2021."
+            content="Oficiální stránka letošního ročníku on-line zasedání Celostátního fóra České pirátské strany, 13. 1. 2024."
          />
        </Helmet>
        <Navbar />
-        <Switch>
+        <Routes>
-          <Route exact path="/" children={<Home />} />
+          <Route exact path="/" element={<Home />} />
-          <Route exact path="/program" children={<Program />} />
+          <Route exact path="/program" element={<Program />} />
-          <Route exact path="/protocol" children={<Protocol />} />
+          <Route exact path="/protocol" element={<Protocol />} />
-          <Route exact path="/about" children={<About />} />
+          <Route exact path="/about" element={<About />} />
-          <Route component={NotFound} />
+          <Route element={NotFound} />
-        </Switch>
+        </Routes>
        <Footer />
      </Router>
      <ReactHint autoPosition events attribute="data-tip" className="tooltip" />
@@ -155,7 +155,7 @@ const AuthenticatedApp = () => {
  return (
    <>
      <KeycloakProvider
-        keycloak={keycloak}
+        authClient={keycloak}
        initConfig={keycloakInitConfig}
        LoadingComponent={LoadingComponent}
        onEvent={onKeycloakEvent}

--- a/src/App.test.js
+++ b/src/App.test.js
 import React from "react";
-import { render } from "@testing-library/react";
+import { render, screen } from "@testing-library/react";
 import App from "./App";
 test("renders learn react link", () => {
-  const { getByText } = render(<App />);
+  render(<App />);
-  const linkElement = getByText(/learn react/i);
+  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
 });
--- a/src/actions/announcements.js
+++ b/src/actions/announcements.js
@@ -2,7 +2,7 @@ import keyBy from "lodash/keyBy";
 import property from "lodash/property";
 import { createAsyncAction, errorResult, successResult } from "pullstate";
-import { fetch } from "api";
+import { fetchApi } from "api";
 import { AnnouncementStore } from "stores";
 import {
  announcementTypeMappingRev,
@@ -15,7 +15,7 @@ import {
 export const loadAnnouncements = createAsyncAction(
  async () => {
    try {
-      const resp = await fetch("/announcements");
+      const resp = await fetchApi("/announcements");
      const data = await resp.json();
      return successResult(data.data);
    } catch (err) {
@@ -33,7 +33,7 @@ export const loadAnnouncements = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
 /**
@@ -47,7 +47,7 @@ export const addAnnouncement = createAsyncAction(
        link,
        type: announcementTypeMappingRev[type],
      });
-      const resp = await fetch("/announcements", {
+      const resp = await fetchApi("/announcements", {
        method: "POST",
        body,
        expectedStatus: 201,
@@ -57,7 +57,7 @@ export const addAnnouncement = createAsyncAction(
    } catch (err) {
      return errorResult([], err.toString());
    }
-  }
+  },
 );
 /**
@@ -70,7 +70,7 @@ export const deleteAnnouncement = createAsyncAction(
   */
  async (item) => {
    try {
-      await fetch(`/announcements/${item.id}`, {
+      await fetchApi(`/announcements/${item.id}`, {
        method: "DELETE",
        expectedStatus: 204,
      });
@@ -78,7 +78,7 @@ export const deleteAnnouncement = createAsyncAction(
    } catch (err) {
      return errorResult([], err.toString());
    }
-  }
+  },
 );
 /**
@@ -93,7 +93,7 @@ export const updateAnnouncement = createAsyncAction(
  async ({ item, payload }) => {
    try {
      const body = JSON.stringify(payload);
-      await fetch(`/announcements/${item.id}`, {
+      await fetchApi(`/announcements/${item.id}`, {
        method: "PUT",
        body,
        expectedStatus: 204,
@@ -102,7 +102,7 @@ export const updateAnnouncement = createAsyncAction(
    } catch (err) {
      return errorResult([], err.toString());
    }
-  }
+  },
 );
 const { markSeen: storeSeen } = createSeenWriter(seenAnnouncementsLSKey);

--- a/src/actions/global-info.js
+++ b/src/actions/global-info.js
 import isArray from "lodash/isArray";
 import { createAsyncAction, errorResult, successResult } from "pullstate";
-import baseFetch from "unfetch";
-import { fetch } from "api";
+import { fetchApi } from "api";
 import { markdownConverter } from "markdown";
 import { GlobalInfoStore } from "stores";
 export const loadConfig = createAsyncAction(
  async () => {
    try {
-      const resp = await fetch("/config");
+      const resp = await fetchApi("/config");
      const payload = await resp.json();
      if (!isArray(payload)) {
@@ -39,7 +38,7 @@ export const loadConfig = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
 export const loadProtocol = createAsyncAction(
@@ -47,7 +46,7 @@ export const loadProtocol = createAsyncAction(
    const { protocolUrl } = GlobalInfoStore.getRawState();
    try {
-      const resp = await baseFetch(protocolUrl);
+      const resp = await fetch(protocolUrl);
      if (resp.status !== 200) {
        return errorResult([], `Unexpected status code ${resp.status}`);
@@ -66,5 +65,5 @@ export const loadProtocol = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
--- a/src/actions/posts.js
+++ b/src/actions/posts.js
@@ -2,7 +2,7 @@ import keyBy from "lodash/keyBy";
 import property from "lodash/property";
 import { createAsyncAction, errorResult, successResult } from "pullstate";
-import { fetch } from "api";
+import { fetchApi } from "api";
 import { AuthStore, PostStore } from "stores";
 import {
  createSeenWriter,
@@ -16,7 +16,7 @@ import {
 export const loadPosts = createAsyncAction(
  async () => {
    try {
-      const resp = await fetch("/posts", { expectedStatus: 200 });
+      const resp = await fetchApi("/posts", { expectedStatus: 200 });
      const data = await resp.json();
      return successResult(data.data);
    } catch (err) {
@@ -40,7 +40,7 @@ export const loadPosts = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
 export const like = createAsyncAction(
@@ -49,7 +49,7 @@ export const like = createAsyncAction(
   */
  async (post) => {
    try {
-      await fetch(`/posts/${post.id}/like`, {
+      await fetchApi(`/posts/${post.id}/like`, {
        method: "PATCH",
        expectedStatus: 204,
      });
@@ -69,7 +69,7 @@ export const like = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
 export const dislike = createAsyncAction(
@@ -78,7 +78,7 @@ export const dislike = createAsyncAction(
   */
  async (post) => {
    try {
-      await fetch(`/posts/${post.id}/dislike`, {
+      await fetchApi(`/posts/${post.id}/dislike`, {
        method: "PATCH",
        expectedStatus: 204,
      });
@@ -98,7 +98,7 @@ export const dislike = createAsyncAction(
        });
      }
    },
-  }
+  },
 );
 /**
@@ -110,7 +110,7 @@ export const addPost = createAsyncAction(async ({ content }) => {
      content,
      type: postsTypeMappingRev["post"],
    });
-    await fetch(`/posts`, { method: "POST", body, expectedStatus: 201 });
+    await fetchApi(`/posts`, { method: "POST", body, expectedStatus: 201 });
    return successResult();
  } catch (err) {
    return errorResult([], err.toString());
@@ -126,7 +126,7 @@ export const addProposal = createAsyncAction(async ({ content }) => {
      content,
      type: postsTypeMappingRev["procedure-proposal"],
    });
-    await fetch(`/posts`, { method: "POST", body, expectedStatus: 201 });
+    await fetchApi(`/posts`, { method: "POST", body, expectedStatus: 201 });
    return successResult();
  } catch (err) {
    return errorResult([], err.toString());
@@ -142,7 +142,7 @@ export const hide = createAsyncAction(
   */
  async (post) => {
    try {
-      await fetch(`/posts/${post.id}`, {
+      await fetchApi(`/posts/${post.id}`, {
        method: "DELETE",
        expectedStatus: 204,
      });
@@ -150,7 +150,7 @@ export const hide = createAsyncAction(
    } catch (err) {
      return errorResult([], err.toString());
    }
-  }
+  },
 );
 /**
@@ -165,7 +165,7 @@ export const edit = createAsyncAction(
      const body = JSON.stringify({
        content: newContent,
      });
-      await fetch(`/posts/${post.id}`, {
+      await fetchApi(`/posts/${post.id}`, {
        method: "PUT",
        body,
        expectedStatus: 204,
@@ -189,7 +189,7 @@ export const edit = createAsyncAction(
      return false;
    },
-  }
+  },
 );
 /**
@@ -204,7 +204,7 @@ export const archive = createAsyncAction(
      const body = JSON.stringify({
        is_archived: true,
      });
-      await fetch(`/posts/${post.id}`, {
+      await fetchApi(`/posts/${post.id}`, {
        method: "PUT",
        body,
        expectedStatus: 204,
@@ -213,7 +213,7 @@ export const archive = createAsyncAction(
    } catch (err) {
      return errorResult([], err.toString());
    }
-  }
+  },
 );
 /**
@@ -226,7 +226,7 @@ const updateProposalState = async (proposal, state, additionalPayload) => {
    state: postsStateMappingRev[state],
    ...(additionalPayload || {}),
  });
-  await fetch(`/posts/${proposal.id}`, {
+  await fetchApi(`/posts/${proposal.id}`, {
    method: "PUT",
    body,
    expectedStatus: 204,
@@ -256,7 +256,7 @@ export const announceProposal = createAsyncAction(
      return false;
    },
-  }
+  },
 );
 /**
@@ -281,7 +281,7 @@ export const acceptProposal = createAsyncAction(
      return false;
    },
-  }
+  },
 );
 /**
@@ -306,7 +306,7 @@ export const rejectProposal = createAsyncAction(
      return false;
    },
-  }
+  },
 );
 /**
@@ -333,7 +333,7 @@ export const rejectProposalByChairman = createAsyncAction(
      return false;
    },
-  }
+  },
 );
 const { markSeen: storeSeen } = createSeenWriter(seenPostsLSKey);
No results found