KK
/
customer-dashboard
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show connected google account

master
alex 2024-02-10 22:57:03 +01:00
parent c2147f45f9
commit 4c24eed059
3 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/locales/de/translation.json
View File

@ -242,7 +242,8 @@
"button": "Erneut versuchen" "button": "Erneut versuchen"
}, },
"cardPersonalCalendarSettings": { "cardPersonalCalendarSettings": {
"title": "Persönliche Kalendereinstellungen" "title": "Persönliche Kalendereinstellungen",
"tooltipConnectedGoogleAccount": "Verbunden mit Google-Konto von {{accountName}}"
}, },
"cardStoreCalendarSettings": { "cardStoreCalendarSettings": {
"title": "Geschäftskalendereinstellungen" "title": "Geschäftskalendereinstellungen"

3
public/locales/en/translation.json
View File

@ -245,7 +245,8 @@
"button": "Try again" "button": "Try again"
}, },
"cardPersonalCalendarSettings": { "cardPersonalCalendarSettings": {
"title": "Personal calendar settings" "title": "Personal calendar settings",
"tooltipConnectedGoogleAccount": "Connected with Google account from {{accountName}}"
}, },
"cardStoreCalendarSettings": { "cardStoreCalendarSettings": {
"title": "Store calendar settings" "title": "Store calendar settings"

22
src/Pages/Store/Calendar/index.js
View File

@ -1,4 +1,5 @@
import { import {
Avatar,
Button, Button,
Card, Card,
Col, Col,
@ -11,6 +12,7 @@ import {
Space, Space,
Spin, Spin,
Switch, Switch,
Tooltip,
Typography, Typography,
notification, notification,
} from "antd"; } from "antd";
@ -40,7 +42,6 @@ import MyModal, {
} from "../../../Components/MyModal"; } from "../../../Components/MyModal";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { import {
DownloadOutlined,
MailOutlined, MailOutlined,
ShareAltOutlined, ShareAltOutlined,
WhatsAppOutlined, WhatsAppOutlined,
@ -476,6 +477,23 @@ function CardPersonalCalendarSettings({ settings }) {
setRequestState={setRequestState} setRequestState={setRequestState}
/> />
{settings.google_account_name !== undefined &&
settings.google_account_name !== "" &&
settings.google_account_picture !== undefined &&
settings.google_account_picture !== "" ? (
<Tooltip
title={t(
"calendar.cardPersonalCalendarSettings.tooltipConnectedGoogleAccount",
{
accountName: settings.google_account_name,
}
)}
placement="top"
>
<Avatar src={settings.google_account_picture} />
</Tooltip>
) : null}
<Button <Button
danger danger
onClick={() => setIsModalOpen(true)} onClick={() => setIsModalOpen(true)}
@ -494,7 +512,7 @@ function CardPersonalCalendarSettings({ settings }) {
<Card <Card
title={ title={
screenBreakpoint.xl ? ( screenBreakpoint.xxl ? (
<div <div
style={{ style={{
display: "flex", display: "flex",