style: design (#430)

* style: shortcut modal

* style: feature setting module icon

* style: delete issue modal

* style: delete project modal

* style: sidebar prompt for chart and other info

* fix: create issue modal state icon

* fix: workspace dropdown
This commit is contained in:
Anmol Singh Bhatia 2023-03-13 23:38:43 +05:30 committed by GitHub
parent 7d7683ae6f
commit d5d64e09d4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 246 additions and 180 deletions

View file

@ -12,7 +12,9 @@ import useWorkspaces from "hooks/use-workspaces";
import userService from "services/user.service";
import authenticationService from "services/authentication.service";
// components
import { Avatar, Loader } from "components/ui";
import { Avatar, Loader, Tooltip } from "components/ui";
// helper
import { truncateText } from "helpers/string.helper";
// types
import { IWorkspace } from "types";
@ -96,7 +98,7 @@ export const WorkspaceSidebarDropdown = () => {
<p className="text-base">
{activeWorkspace?.name
? activeWorkspace.name.length > 17
? `${activeWorkspace.name.substring(0, 17)}...`
? `${activeWorkspace.name.substring(0, 15)}...`
: activeWorkspace.name
: "Loading..."}
</p>
@ -159,7 +161,10 @@ export const WorkspaceSidebarDropdown = () => {
activeWorkspace?.name?.charAt(0) ?? "N"
)}
</span>
<h5 className="text-sm">{workspace.name}</h5>
<h5 className="text-sm">
{truncateText(workspace.name, 18)}
</h5>
</div>
<span className="p-1">
<CheckIcon