fix follow issue

Author: hom3mad3

meinberlin/apps/contrib/templates/meinberlin_contrib/components/hero.html

@@ -23,7 +23,7 @@ <h1 class="hero__title">
                 {% translate "More information" %}
               </a>
               {% load react_follows %}
-              {% react_follows project %}
+              {% react_follows project alert_target="follow-alert-wrapper" %}
             </div>
         {% endif %}
     </div>

meinberlin/apps/projects/templates/meinberlin_projects/project_bplan_detail.html

@@ -1,5 +1,5 @@
 {% extends "meinberlin_projects/project_detail.html" %}
-{% load i18n rules react_follows thumbnail wagtailcore_tags meinberlin_project_tags offlineevent_tags contrib_tags ckeditor_tags %}
+{% load i18n rules thumbnail wagtailcore_tags meinberlin_project_tags offlineevent_tags contrib_tags ckeditor_tags %}
 
 {% block title %}{{ project.name }} — {{ block.super }}{% endblock title %}
 

meinberlin/apps/projects/templates/meinberlin_projects/project_detail.html

@@ -34,7 +34,7 @@
   <div class="layout-grid__area--maincontent">
     {% url 'project-information' slug=project.slug as info_page %}
     {% include 'meinberlin_contrib/components/hero.html' with content=project show_buttons=True hero_link=info_page %}
-
+    <div id="follow-alert-wrapper"></div>
     {% include 'meinberlin_projects/project_actions.html' %}
 
     {% include 'meinberlin_projects/includes/project_details_summary.html' %}

meinberlin/assets/scss/components_user_facing/adhocracy4/_a4-follow.scss

@@ -1,15 +1,27 @@
+/* stylelint-disable no-descending-specificity */
 .a4-btn--follow,
 .a4-btn--following {
     @extend .button;
     @extend .button--fullwidth-palm;
     @extend .button--light;
     @extend .button--fulltone;
     color: $text-inverted !important;
+
+    &:not(:disabled):hover {
+        background-color: $primary-600;
+    }
 }
 
-// we do not display alert in mB
-.a4-follow__notification {
-    display: none;
+.a4-btn--following {
+    background-color: $primary;
+
+    &:not(:disabled):focus {
+        background-color: $primary;
+    }
+
+    &:not(:disabled):hover {
+        background-color: $primary-600;
+    }
 }
 
 .a4-follow__btn--content:after {

meinberlin/templates/a4modules/module_detail.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load i18n rules react_follows thumbnail wagtailcore_tags meinberlin_project_tags offlineevent_tags contrib_tags ckeditor_tags static %}
+{% load i18n rules thumbnail wagtailcore_tags meinberlin_project_tags offlineevent_tags contrib_tags ckeditor_tags static %}
 
 <!-- Extra blocks to ensure cookie banner for live stream -->
 {% block extra_js %}

package.json

@@ -18,7 +18,7 @@
     "@react-leaflet/core": "^2.1.0",
     "@turf/turf": "^6.5.0",
     "acorn": "8.14.0",
-    "adhocracy4": "liqd/adhocracy4#cfe044bea1e4ddc633f9deded0cab4c02fcacf2a",
+    "adhocracy4": "liqd/adhocracy4#1b17f7f486dcdbd0bcbff05b6e2fccdc8f0efcc7",
     "autoprefixer": "10.4.20",
     "bootstrap": "5.2.3",
     "copy-webpack-plugin": "12.0.2",

requirements/base.txt

@@ -1,5 +1,5 @@
 # A4
-git+https://github.com/liqd/adhocracy4.git@cfe044bea1e4ddc633f9deded0cab4c02fcacf2a#egg=adhocracy4
+git+https://github.com/liqd/adhocracy4.git@1b17f7f486dcdbd0bcbff05b6e2fccdc8f0efcc7#egg=adhocracy4
 
 # Additional requirements
 beautifulsoup4==4.12.3