unlink google calendar

public/locales/de/translation.json

@@ -166,6 +166,11 @@
       "title": "Google Kalender nicht verbunden",
       "subTitle": "Klicken Sie auf die Schaltfläche unten, um Ihren Google Kalender zu verbinden.",
       "button": "Jetzt verbinden"
+    },
+    "unlinkGoogleCalendar": {
+      "title": "Google Kalender trennen",
+      "description": "Möchten Sie die Verbindung zu Ihrem Google Kalender wirklich trennen?",
+      "button": "Google Kalender trennen"
     }
   },
   "storeSettings": {

public/locales/en/translation.json

@@ -169,6 +169,11 @@
       "title": "Google Calendar not connected",
       "subTitle": "Click on the button below to connect your Google Calendar.",
       "button": "Connect now"
+    },
+    "unlinkGoogleCalendar": {
+      "title": "Unlink Google Calendar",
+      "description": "Are you sure you want to unlink your Google Calendar?",
+      "button": "Unlink Google Calendar"
     }
   },
   "storeSettings": {

src/Pages/Store/Calendar/index.js

@@ -1,4 +1,15 @@
-import { Button, Card, Col, Form, Result, Row, Spin, Switch } from "antd";
+import {
+  Button,
+  Card,
+  Col,
+  Form,
+  Popconfirm,
+  Result,
+  Row,
+  Space,
+  Spin,
+  Switch,
+} from "antd";
 import { useTranslation } from "react-i18next";
 import {
   Constants,
@@ -141,10 +152,21 @@ function CardPersonalCalendarSettings({ settings }) {
     <Card
       title={t("calendar.cardPersonalCalendarSettings.title")}
       extra={
+        <Space>
           <RequestStateItem
             state={requestState}
             setRequestState={setRequestState}
           />
+
+          <Popconfirm
+            okText={t("common.button.confirm")}
+            cancelText={t("common.button.cancel")}
+            title={t("calendar.unlinkGoogleCalendar.title")}
+            description={t("calendar.unlinkGoogleCalendar.description")}
+          >
+            <Button danger>{t("calendar.unlinkGoogleCalendar.button")}</Button>
+          </Popconfirm>
+        </Space>
       }
     >
       <Form form={form} requiredMark={false}>