Merge branch 'develop' into feat/#92/todoBox

Author: shinjigu

public/svg/ic_streaker_dot.svg

@@ -0,0 +1,86 @@
+import type { SVGProps } from 'react';
+const SvgIcStreakerDot = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36" {...props}>
+    <g filter="url(#ic_streaker_dot_svg__a)">
+      <rect width={36} height={36} fill="url(#ic_streaker_dot_svg__b)" rx={18} />
+      <foreignObject width={44} height={44} x={-4} y={-4}>
+        <div
+          style={{
+            backdropFilter: 'blur(2px)',
+            clipPath: 'url(#ic_streaker_dot_svg__c)',
+            height: '100%',
+            width: '100%',
+          }}
+        />
+      </foreignObject>
+      <rect
+        width={36}
+        height={36}
+        fill="url(#ic_streaker_dot_svg__d)"
+        fillOpacity={0.1}
+        data-figma-bg-blur-radius={4}
+        rx={18}
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="ic_streaker_dot_svg__b"
+        x1={18}
+        x2={18}
+        y1={0}
+        y2={36}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#3E72F3" />
+        <stop offset={1} stopColor="#C3D9FF" />
+      </linearGradient>
+      <linearGradient
+        id="ic_streaker_dot_svg__d"
+        x1={18}
+        x2={18}
+        y1={0}
+        y2={36}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#508FFF" />
+        <stop offset={1} stopColor="#8AB4FF" />
+      </linearGradient>
+      <clipPath id="ic_streaker_dot_svg__c" transform="translate(4 4)">
+        <rect width={36} height={36} rx={18} />
+      </clipPath>
+      <filter
+        id="ic_streaker_dot_svg__a"
+        width={45.6}
+        height={45.6}
+        x={-4.8}
+        y={-4.8}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dx={-2.4} dy={2.4} />
+        <feGaussianBlur stdDeviation={1.2} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" />
+        <feBlend in2="shape" result="effect1_innerShadow_1979_1516" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dx={2.4} dy={-2.4} />
+        <feGaussianBlur stdDeviation={1.2} />
+        <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+        <feColorMatrix values="0 0 0 0 0.582788 0 0 0 0 0.76 0 0 0 0 0.674348 0 0 0 0.1 0" />
+        <feBlend in2="effect1_innerShadow_1979_1516" result="effect2_innerShadow_1979_1516" />
+      </filter>
+    </defs>
+  </svg>
+);
+export default SvgIcStreakerDot;

public/svg/ic_streaker_dot_default.svg

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgIcStreakerDotDefault = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36" {...props}>
+    <rect width={36} height={36} fill="#282C33" rx={18} />
+  </svg>
+);
+export default SvgIcStreakerDotDefault;

public/svg/ic_tomorrow.svg

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgIcTomorrow = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28" {...props}>
+    <path d="M10.5 22.165 18.667 14 10.5 5.832" />
+  </svg>
+);
+export default SvgIcTomorrow;

public/svg/ic_yesterday.svg

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const SvgIcYesterday = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28" {...props}>
+    <path d="M17.5 22.165 9.333 14 17.5 5.832" />
+  </svg>
+);
+export default SvgIcYesterday;

src/assets/svg/IcStreakerDot.tsx

@@ -9,7 +9,11 @@ export { default as IcPencil } from './IcPencil';
 export { default as IcRadioChecked } from './IcRadioChecked';
 export { default as IcRadioDefault } from './IcRadioDefault';
 export { default as IcSmallTextdelete } from './IcSmallTextdelete';
+export { default as IcStreakerDot } from './IcStreakerDot';
+export { default as IcStreakerDotDefault } from './IcStreakerDotDefault';
 export { default as IcTextdelete } from './IcTextdelete';
+export { default as IcTomorrow } from './IcTomorrow';
 export { default as IcTooltipDelete } from './IcTooltipDelete';
 export { default as IcTriangle } from './IcTriangle';
+export { default as IcYesterday } from './IcYesterday';
 export { default as Vite } from './Vite';

src/assets/svg/IcStreakerDotDefault.tsx

@@ -8,3 +8,26 @@ export function formatBirthDate(value: string): string {
   }
   return `${digits.slice(0, 4)}-${digits.slice(4, 6)}-${digits.slice(6)}`;
 }
+
+export function formatDateDot(date: Date): string {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}.${month}.${day}`;
+}
+
+export function createDate(year: number, month: number, day: number): Date {
+  return new Date(year, month - 1, day);
+}
+
+export function getYesterday(date: Date): Date {
+  const yesterday = new Date(date);
+  yesterday.setDate(yesterday.getDate() - 1);
+  return yesterday;
+}
+
+export function getTomorrow(date: Date): Date {
+  const tomorrow = new Date(date);
+  tomorrow.setDate(tomorrow.getDate() + 1);
+  return tomorrow;
+}