This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.position-center { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
} | |
/* JS */ | |
/* position: 'absolute', | |
top: '50%', | |
left: '50%', |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const addStyles = (style: HTMLStyleElement) => { | |
document.querySelector('head')?.appendChild(style); | |
}; | |
const createStyleVariablesFromObject = (prefix: string, vars: { [k: string]: string }) => { | |
const style = document.createElement('style'); | |
style.textContent = ` | |
:root { | |
${Object.entries(vars) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export const separateFlie = (file: File, batchSizeMb?: number): Blob[] => { | |
const batchSizeBytes = (batchSizeMb || 50) * Math.pow(10, 6); | |
const sliceCount = file.size / batchSizeBytes; | |
const result: Blob[] = []; | |
let start = 0; | |
let end = batchSizeBytes; | |
for (let i = 0; i <= sliceCount; i++) { | |
const slice = file.slice(start, end); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @description | |
* https://realadmin.ru/coding/sklonenie-na-javascript.html | |
* @param n number | |
* @param text_forms string[] | |
* @returns string | |
* | |
* @example | |
* ```js | |
* declOfNum(1, ['минута', 'минуты', 'минут']); // вернёт — минута |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useEffect } from 'react'; | |
import { addStylesToHtml } from 'shared/ui/addStyles'; | |
const createGrabbingStyles = () => { | |
const style = document.createElement('style'); | |
style.textContent = ` | |
.useDragScrolling.grabbing { | |
scroll-behavior: auto; | |
cursor: grabbing; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export interface Color { | |
50: string; | |
100: string; | |
200: string; | |
300: string; | |
400: string; | |
500: string; | |
600: string; | |
700: string; | |
800: string; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { DateTime } from 'luxon'; | |
const units: Intl.RelativeTimeFormatUnit[] = ['year', 'month', 'week', 'day', 'hour', 'minute', 'second']; | |
/** | |
* https://github.com/moment/luxon/issues/274#issuecomment-649347238 | |
* | |
* @param dateTime DateTime.fromISO(isoString) | |
* @returns string | |
* |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
type BaseObj = { | |
id: string; | |
parentId: string | null; | |
}; | |
type Result<T extends BaseObj> = T & { | |
children: Result<T>[]; | |
}; | |
export const listToTree = ( | |
arr: BaseObj[], |
OlderNewer