ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 02:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

org icon in info section

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-21 12:36:43 +00:00
parent c766615d12
commit 4c01fa229d
1 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/frontend/src/components/organisations.tsx
View File

@@ -44,6 +44,7 @@ import {
import { queryKeys } from "@/lib/query/keys"; import { queryKeys } from "@/lib/query/keys";
import { issue } from "@/lib/server"; import { issue } from "@/lib/server";
import { capitalise } from "@/lib/utils"; import { capitalise } from "@/lib/utils";
import OrgIcon from "./org-icon";
function Organisations({ trigger }: { trigger?: ReactNode }) { function Organisations({ trigger }: { trigger?: ReactNode }) {
const { user } = useAuthenticatedSession(); const { user } = useAuthenticatedSession();
@@ -473,16 +474,28 @@ function Organisations({ trigger }: { trigger?: ReactNode }) {
<TabsContent value="info"> <TabsContent value="info">
<div className="border p-2 min-w-0 overflow-hidden"> <div className="border p-2 min-w-0 overflow-hidden">
<h2 className="text-xl font-600 mb-2 break-all"> <div className="flex justify-between">
<div className="flex flex-col gap-0 mb-2">
{" "}
<h2 className="text-xl font-600 break-all">
{selectedOrganisation.Organisation.name} {selectedOrganisation.Organisation.name}
</h2> </h2>
<div className="flex flex-col gap-1">
<p className="text-sm text-muted-foreground break-all"> <p className="text-sm text-muted-foreground break-all">
Slug: {selectedOrganisation.Organisation.slug} Slug: {selectedOrganisation.Organisation.slug}
</p> </p>
<p className="text-sm text-muted-foreground break-all"> <p className="text-sm text-muted-foreground break-all">
Role: {selectedOrganisation.OrganisationMember.role} Role: {selectedOrganisation.OrganisationMember.role}
</p> </p>
</div>
<OrgIcon
name={selectedOrganisation.Organisation.name}
slug={selectedOrganisation.Organisation.slug}
size={16}
textClass="text-2xl"
className="rounded-lg"
/>
</div>
<div className="flex flex-col gap-1">
{selectedOrganisation.Organisation.description ? ( {selectedOrganisation.Organisation.description ? (
<p className="text-sm break-words"> <p className="text-sm break-words">
{selectedOrganisation.Organisation.description} {selectedOrganisation.Organisation.description}