fix: clarify custom truncate from npm truncate (#464)

chore: add @ where we can for less long imports
This commit is contained in:
Timothy Carambat 2023-12-17 15:58:49 -08:00 committed by GitHub
parent 2def9a67a1
commit 1c549e2844
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 15 deletions

View File

@ -2,10 +2,10 @@ import { useState } from "react";
import { import {
formatDate, formatDate,
getFileExtension, getFileExtension,
truncate, middleTruncate,
} from "../../../../../../utils/directories"; } from "@/utils/directories";
import { File, Trash } from "@phosphor-icons/react"; import { File, Trash } from "@phosphor-icons/react";
import System from "../../../../../../models/system"; import System from "@/models/system";
import debounce from "lodash.debounce"; import debounce from "lodash.debounce";
export default function FileRow({ export default function FileRow({
@ -76,7 +76,7 @@ export default function FileRow({
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
> >
<p className="whitespace-nowrap overflow-hidden"> <p className="whitespace-nowrap overflow-hidden">
{truncate(item.title, 17)} {middleTruncate(item.title, 17)}
</p> </p>
{showTooltip && ( {showTooltip && (
<div className="absolute left-0 bg-white text-black p-1.5 rounded shadow-lg whitespace-nowrap"> <div className="absolute left-0 bg-white text-black p-1.5 rounded shadow-lg whitespace-nowrap">

View File

@ -1,7 +1,7 @@
import { useState } from "react"; import { useState } from "react";
import FileRow from "../FileRow"; import FileRow from "../FileRow";
import { CaretDown, FolderNotch } from "@phosphor-icons/react"; import { CaretDown, FolderNotch } from "@phosphor-icons/react";
import { truncate } from "../../../../../../utils/directories"; import { middleTruncate } from "@/utils/directories";
export default function FolderRow({ export default function FolderRow({
item, item,
@ -50,7 +50,7 @@ export default function FolderRow({
weight="fill" weight="fill"
/> />
<p className="whitespace-nowrap overflow-show"> <p className="whitespace-nowrap overflow-show">
{truncate(item.name, 40)} {middleTruncate(item.name, 40)}
</p> </p>
</div> </div>
<p className="col-span-2 pl-3.5" /> <p className="col-span-2 pl-3.5" />

View File

@ -1,9 +1,8 @@
import UploadFile from "../UploadFile"; import UploadFile from "../UploadFile";
import PreLoader from "../../../../Preloader"; import PreLoader from "@/components/Preloader";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import FolderRow from "./FolderRow"; import FolderRow from "./FolderRow";
import pluralize from "pluralize"; import pluralize from "pluralize";
import Workspace from "../../../../../models/workspace";
export default function Directory({ export default function Directory({
files, files,

View File

@ -2,10 +2,10 @@ import { useState } from "react";
import { import {
formatDate, formatDate,
getFileExtension, getFileExtension,
truncate, middleTruncate,
} from "../../../../../../utils/directories"; } from "@/utils/directories";
import { ArrowUUpLeft, File } from "@phosphor-icons/react"; import { ArrowUUpLeft, File } from "@phosphor-icons/react";
import Workspace from "../../../../../../models/workspace"; import Workspace from "@/models/workspace";
import debounce from "lodash.debounce"; import debounce from "lodash.debounce";
export default function WorkspaceFileRow({ export default function WorkspaceFileRow({
@ -65,7 +65,7 @@ export default function WorkspaceFileRow({
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
> >
<p className="whitespace-nowrap overflow-hidden"> <p className="whitespace-nowrap overflow-hidden">
{truncate(item.title, 17)} {middleTruncate(item.title, 17)}
</p> </p>
{showTooltip && ( {showTooltip && (
<div className="absolute left-0 bg-white text-black p-1.5 rounded shadow-lg whitespace-nowrap"> <div className="absolute left-0 bg-white text-black p-1.5 rounded shadow-lg whitespace-nowrap">

View File

@ -1,5 +1,5 @@
import PreLoader from "../../../../Preloader"; import PreLoader from "@/components/Preloader";
import { dollarFormat } from "../../../../../utils/numbers"; import { dollarFormat } from "@/utils/numbers";
import WorkspaceFileRow from "./WorkspaceFileRow"; import WorkspaceFileRow from "./WorkspaceFileRow";
export default function WorkspaceDirectory({ export default function WorkspaceDirectory({

View File

@ -11,7 +11,7 @@ export function getFileExtension(path) {
return path?.split(".")?.slice(-1)?.[0] || "file"; return path?.split(".")?.slice(-1)?.[0] || "file";
} }
export function truncate(str, n) { export function middleTruncate(str, n) {
const fileExtensionPattern = /(\..+)$/; const fileExtensionPattern = /(\..+)$/;
const extensionMatch = str.match(fileExtensionPattern); const extensionMatch = str.match(fileExtensionPattern);