θΏ™ζ˜―indexlocζδΎ›ηš„ζœεŠ‘οΌŒδΈθ¦θΎ“ε…₯任何密码
Skip to content

Frontend performance improvements #2627

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Nov 13, 2024
Merged

Frontend performance improvements #2627

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2f409e8
Frontend performance improvements
timothycarambat Nov 13, 2024
774a32b
test docker build
timothycarambat Nov 13, 2024
9d9e039
Merge branch 'master' into 2602-page-load-speed
timothycarambat Nov 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/workflows/dev-build.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ concurrency:

on:
push:
branches: ['agent-skill-plugins'] # put your current branch to create a build. Core team only.
branches: ['2602-page-load-speed'] # put your current branch to create a build. Core team only.
paths-ignore:
- '**.md'
- 'cloud-deployments/*'
Expand Down
35 changes: 16 additions & 19 deletions frontend/src/components/Footer/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ import React, { useEffect, useState } from "react";
import SettingsButton from "../SettingsButton";
import { isMobile } from "react-device-detect";
import { Tooltip } from "react-tooltip";
import { v4 } from "uuid";

export const MAX_ICONS = 3;
export const ICON_COMPONENTS = {
Expand Down Expand Up @@ -49,50 +48,56 @@ export default function Footer() {
return (
<div className="flex justify-center mb-2">
<div className="flex space-x-4">
<ToolTipWrapper id="open-github">
<div className="flex w-fit">
<a
href={paths.github()}
target="_blank"
rel="noreferrer"
className="transition-all duration-300 p-2 rounded-full text-white bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
aria-label="Find us on Github"
data-tooltip-id="open-github"
data-tooltip-id="footer-item"
data-tooltip-content="View source code on Github"
>
<GithubLogo weight="fill" className="h-5 w-5 " />
</a>
</ToolTipWrapper>
<ToolTipWrapper id="open-documentation">
</div>
<div className="flex w-fit">
<a
href={paths.docs()}
target="_blank"
rel="noreferrer"
className="w-fit transition-all duration-300 p-2 rounded-full text-white bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
aria-label="Docs"
data-tooltip-id="open-documentation"
data-tooltip-id="footer-item"
data-tooltip-content="Open AnythingLLM help docs"
>
<BookOpen weight="fill" className="h-5 w-5 " />
</a>
</ToolTipWrapper>
<ToolTipWrapper id="open-discord">
</div>
<div className="flex w-fit">
<a
href={paths.discord()}
target="_blank"
rel="noreferrer"
className="transition-all duration-300 p-2 rounded-full text-white bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
aria-label="Join our Discord server"
data-tooltip-id="open-discord"
data-tooltip-id="footer-item"
data-tooltip-content="Join the AnythingLLM Discord"
>
<DiscordLogo
weight="fill"
className="h-5 w-5 stroke-slate-200 group-hover:stroke-slate-200"
/>
</a>
</ToolTipWrapper>
</div>
{!isMobile && <SettingsButton />}
</div>
<Tooltip
id="footer-item"
place="top"
delayShow={300}
className="tooltip !text-xs z-99"
/>
</div>
);
}
Expand All @@ -119,16 +124,8 @@ export default function Footer() {
))}
{!isMobile && <SettingsButton />}
</div>
</div>
);
}

export function ToolTipWrapper({ id = v4(), children }) {
return (
<div className="flex w-fit">
{children}
<Tooltip
id={id}
id="footer-item"
place="top"
delayShow={300}
className="tooltip !text-xs z-99"
Expand Down
26 changes: 6 additions & 20 deletions frontend/src/components/Modals/ManageWorkspace/Documents/Directory/FileRow/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import {
middleTruncate,
} from "@/utils/directories";
import { File } from "@phosphor-icons/react";
import { Tooltip } from "react-tooltip";

export default function FileRow({ item, selected, toggleSelection }) {
return (
Expand All @@ -16,8 +15,13 @@ export default function FileRow({ item, selected, toggleSelection }) {
}`}
>
<div
data-tooltip-id={`directory-item-${item.url}`}
data-tooltip-id={`directory-item`}
className="col-span-10 w-fit flex gap-x-[4px] items-center relative"
data-tooltip-content={JSON.stringify({
title: item.title,
date: formatDate(item?.published),
extension: getFileExtension(item.url).toUpperCase(),
})}
>
<div
className="shrink-0 w-3 h-3 rounded border-[1px] border-white flex justify-center items-center cursor-pointer"
Expand All @@ -42,24 +46,6 @@ export default function FileRow({ item, selected, toggleSelection }) {
</div>
)}
</div>
<Tooltip
id={`directory-item-${item.url}`}
place="bottom"
delayShow={800}
className="tooltip invert z-99"
>
<div className="text-xs ">
<p className="text-white">{item.title}</p>
<div className="flex mt-1 gap-x-2">
<p className="">
Date: <b>{formatDate(item?.published)}</b>
</p>
<p className="">
Type: <b>{getFileExtension(item.url).toUpperCase()}</b>
</p>
</div>
</div>
</Tooltip>
</tr>
);
}
Loading
Loading