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 {
formatDate,
getFileExtension,
truncate,
} from "../../../../../../utils/directories";
middleTruncate,
} from "@/utils/directories";
import { File, Trash } from "@phosphor-icons/react";
import System from "../../../../../../models/system";
import System from "@/models/system";
import debounce from "lodash.debounce";
export default function FileRow({
@ -76,7 +76,7 @@ export default function FileRow({
onMouseLeave={handleMouseLeave}
>
<p className="whitespace-nowrap overflow-hidden">
{truncate(item.title, 17)}
{middleTruncate(item.title, 17)}
</p>
{showTooltip && (
<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 FileRow from "../FileRow";
import { CaretDown, FolderNotch } from "@phosphor-icons/react";
import { truncate } from "../../../../../../utils/directories";
import { middleTruncate } from "@/utils/directories";
export default function FolderRow({
item,
@ -50,7 +50,7 @@ export default function FolderRow({
weight="fill"
/>
<p className="whitespace-nowrap overflow-show">
{truncate(item.name, 40)}
{middleTruncate(item.name, 40)}
</p>
</div>
<p className="col-span-2 pl-3.5" />

View File

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

View File

@ -2,10 +2,10 @@ import { useState } from "react";
import {
formatDate,
getFileExtension,
truncate,
} from "../../../../../../utils/directories";
middleTruncate,
} from "@/utils/directories";
import { ArrowUUpLeft, File } from "@phosphor-icons/react";
import Workspace from "../../../../../../models/workspace";
import Workspace from "@/models/workspace";
import debounce from "lodash.debounce";
export default function WorkspaceFileRow({
@ -65,7 +65,7 @@ export default function WorkspaceFileRow({
onMouseLeave={handleMouseLeave}
>
<p className="whitespace-nowrap overflow-hidden">
{truncate(item.title, 17)}
{middleTruncate(item.title, 17)}
</p>
{showTooltip && (
<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 { dollarFormat } from "../../../../../utils/numbers";
import PreLoader from "@/components/Preloader";
import { dollarFormat } from "@/utils/numbers";
import WorkspaceFileRow from "./WorkspaceFileRow";
export default function WorkspaceDirectory({

View File

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