IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Add icon calendar.

Browse Source
This commit is contained in:
Vlada Gazizova 2024-01-26 17:37:35 +03:00
parent 5174a80282
commit bcba14cc8a
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/client/src/pages/Home/InfoPanel/Body/sub-components/ItemTitle/Calendar.js
View File

@ -1,9 +1,11 @@
import IconCalendar from "PUBLIC_DIR/images/calendar.info.panel.react.svg?url";
import { useState, useEffect, useRef } from "react";
import styled, { css } from "styled-components";
import moment from "moment";
import Calendar from "@docspace/components/calendar";
import Portal from "@docspace/components/portal";
import { isMobile } from "@docspace/components/utils/device";
import { ReactSVG } from "react-svg";
const StyledCalendarComponent = styled.div`
position: relative;
@ -71,13 +73,10 @@ const CalendarComponent = ({ roomCreationDate, setCalendarDay }) => {
return (
<StyledCalendarComponent>
<div
ref={calendarButtonRef}
className="calendar-button"
onClick={toggleCalendar}
>
Calendar
<div ref={calendarButtonRef}>
<ReactSVG src={IconCalendar} onClick={toggleCalendar} />
</div>
{isOpen && (
<Portal
element={

19
public/images/calendar.info.panel.react.svg Normal file
View File

@ -0,0 +1,19 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#208;&#161;alendar" clip-path="url(#clip0_253_66351)">
<rect id="Rectangle 2138" x="7" width="2" height="5" rx="1" fill="#A3A9AE"/>
<rect id="Rectangle 2162" x="3" width="2" height="5" rx="1" fill="#A3A9AE"/>
<rect id="Rectangle 2145" x="11" width="2" height="5" rx="1" fill="#A3A9AE"/>
<rect id="Rectangle 2163" x="1" y="3" width="14" height="12" rx="1" stroke="#A3A9AE" stroke-width="2"/>
<rect id="Rectangle 2164" x="4" y="7" width="2" height="2" fill="#A3A9AE"/>
<rect id="Rectangle 2167" x="4" y="10" width="2" height="2" fill="#A3A9AE"/>
<rect id="Rectangle 2165" x="7" y="7" width="2" height="2" fill="#A3A9AE"/>
<rect id="Rectangle 2168" x="7" y="10" width="2" height="2" fill="#A3A9AE"/>
<rect id="Rectangle 2166" x="10" y="7" width="2" height="2" fill="#A3A9AE"/>
<rect id="Rectangle 2169" x="10" y="10" width="2" height="2" fill="#A3A9AE"/>
</g>
<defs>
<clipPath id="clip0_253_66351">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB