eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#385] added reccuring icons (#400)

Browse Source 
Co-authored-by: Camille Moussu <cmoussu@linagora.com>
This commit is contained in:
Camille Moussu
2025-12-07 07:42:17 +01:00
committed by GitHub
parent 193c1a7166
commit 7567bfbd7b
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/Search/SearchResultsPage.tsx
+12 -5
View File
@@ -1,4 +1,5 @@
import ArrowBackIcon from "@mui/icons-material/ArrowBack"; import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import RepeatIcon from "@mui/icons-material/Repeat";
import SquareRoundedIcon from "@mui/icons-material/SquareRounded"; import SquareRoundedIcon from "@mui/icons-material/SquareRounded";
import { Box, IconButton, Stack, Typography } from "@mui/material"; import { Box, IconButton, Stack, Typography } from "@mui/material";
import CircularProgress from "@mui/material/CircularProgress"; import CircularProgress from "@mui/material/CircularProgress";
@@ -7,6 +8,7 @@ import { useState } from "react";
import { useAppDispatch, useAppSelector } from "../../app/hooks"; import { useAppDispatch, useAppSelector } from "../../app/hooks";
import { AppDispatch } from "../../app/store"; import { AppDispatch } from "../../app/store";
import logo from "../../static/noResult-logo.svg"; import logo from "../../static/noResult-logo.svg";
import { browserDefaultTimeZone } from "../../utils/timezone";
import { getEventAsync } from "../Calendars/CalendarSlice"; import { getEventAsync } from "../Calendars/CalendarSlice";
import EventPreviewModal from "../Events/EventDisplayPreview"; import EventPreviewModal from "../Events/EventDisplayPreview";
import { CalendarEvent } from "../Events/EventsTypes"; import { CalendarEvent } from "../Events/EventsTypes";
@@ -142,7 +144,9 @@ function ResultItem({
const { t } = useI18n(); const { t } = useI18n();
const startDate = new Date(eventData.data.start); const startDate = new Date(eventData.data.start);
const endDate = eventData.data.end ? new Date(eventData.data.end) : startDate; const endDate = eventData.data.end ? new Date(eventData.data.end) : startDate;
const timeZone = useAppSelector((state) => state.calendars.timeZone); const timeZone =
useAppSelector((state) => state.settings.timeZone) ??
browserDefaultTimeZone;
const calendar = useAppSelector( const calendar = useAppSelector(
(state) => (state) =>
state.calendars.list[ state.calendars.list[
@@ -184,7 +188,7 @@ function ResultItem({
gridTemplateColumns: { gridTemplateColumns: {
xs: "1fr", xs: "1fr",
sm: "90px 120px 35px 1fr", sm: "90px 120px 35px 1fr",
md: "90px 120px 35px 220px 150px 250px 1fr", md: "90px 120px 35px 1fr 150px 250px 1fr",
}, },
gap: 2, gap: 2,
p: 3, p: 3,
@@ -239,9 +243,12 @@ function ResultItem({
height: 24, height: 24,
}} }}
/> />
<Typography sx={styles.M3BodyLarge}> <Box display="flex" flexDirection="row" gap={1}>
{eventData.data.summary || t("event.untitled")} <Typography sx={styles.M3BodyLarge}>
</Typography> {eventData.data.summary || t("event.untitled")}
</Typography>
{eventData.data.isRecurrentMaster && <RepeatIcon />}
</Box>
<Typography <Typography
sx={{ sx={{
...styles.M3BodyMedium1, ...styles.M3BodyMedium1,