mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-10-02 08:50:11 +02:00
fix: clarify custom truncate from npm truncate (#464)
chore: add @ where we can for less long imports
This commit is contained in:
parent
2def9a67a1
commit
1c549e2844
@ -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">
|
||||||
|
@ -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" />
|
||||||
|
@ -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,
|
||||||
|
@ -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">
|
||||||
|
@ -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({
|
||||||
|
@ -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);
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user