binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: replace prettier with oxfmt (#8676)

Browse source
This commit is contained in:
sriram veeraghanta 2026-03-02 20:40:50 +05:30 • committed by GitHub
parent 9ee73d57ef
commit 41abaffc6e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1008 changed files with 4046 additions and 4027 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx
View file

@ -120,17 +120,17 @@ export const ModuleAnalyticsProgress = observer(function ModuleAnalyticsProgress
if (!moduleDetails) return <></>;
return (
<div className="border-t border-subtle space-y-4 py-4 px-3">
<div className="space-y-4 border-t border-subtle px-3 py-4">
<Disclosure defaultOpen={isModuleDateValid ? true : false}>
{({ open }) => (
<div className="space-y-6">
{/* progress bar header */}
{isModuleDateValid ? (
<div className="relative w-full flex justify-between items-center gap-2">
<Disclosure.Button className="relative flex items-center gap-2 w-full">
<div className="font-medium text-secondary text-13">{t("progress")}</div>
<div className="relative flex w-full items-center justify-between gap-2">
<Disclosure.Button className="relative flex w-full items-center gap-2">
<div className="text-13 font-medium text-secondary">{t("progress")}</div>
{progressHeaderPercentage > 0 && (
<div className="flex h-5 w-9 items-center justify-center rounded-sm bg-amber-500/20 text-11 font-medium text-amber-500">{`${progressHeaderPercentage}%`}</div>
<div className="bg-amber-500/20 text-amber-500 flex h-5 w-9 items-center justify-center rounded-sm text-11 font-medium">{`${progressHeaderPercentage}%`}</div>
)}
</Disclosure.Button>
{isCurrentEstimateTypeIsPoints && (
@ -165,11 +165,11 @@ export const ModuleAnalyticsProgress = observer(function ModuleAnalyticsProgress
</Disclosure.Button>
</div>
) : (
<div className="relative w-full flex justify-between items-center gap-2">
<div className="font-medium text-secondary text-13">Progress</div>
<div className="relative flex w-full items-center justify-between gap-2">
<div className="text-13 font-medium text-secondary">Progress</div>
<div className="flex items-center gap-1">
<AlertCircle height={14} width={14} className="text-secondary" />
<span className="text-11 italic text-secondary">
<span className="text-11 text-secondary italic">
{moduleDetails?.start_date && moduleDetails?.target_date
? t("project_module.empty_state.sidebar.in_active")
: t("project_module.empty_state.sidebar.invalid_date")}

2
apps/web/core/components/modules/analytics-sidebar/progress-stats.tsx
View file

@ -132,7 +132,7 @@ export const ModuleProgressStats = observer(function ModuleProgressStats(props:
{PROGRESS_STATS.map((stat) => (
<Tab
className={cn(
`p-1 w-full text-primary outline-none focus:outline-none cursor-pointer transition-all`,
`w-full cursor-pointer p-1 text-primary transition-all outline-none focus:outline-none`,
roundedTab ? `rounded-3xl border border-subtle` : `rounded-sm`,
stat.key === currentTab
? "bg-layer-transparent-active text-secondary"

10
apps/web/core/components/modules/analytics-sidebar/root.tsx
View file

@ -183,7 +183,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
updateLink={handleUpdateLink}
/>
<>
<div className={`sticky z-10 top-0 flex items-center justify-between bg-surface-1 pb-5 pt-5`}>
<div className={`sticky top-0 z-10 flex items-center justify-between bg-surface-1 pt-5 pb-5`}>
<div>
<button
className="flex h-5 w-5 items-center justify-center rounded-full bg-layer-3"
@ -232,18 +232,18 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
)}
/>
</div>
<h4 className="w-full break-words text-18 font-semibold text-primary">{moduleDetails.name}</h4>
<h4 className="w-full text-18 font-semibold break-words text-primary">{moduleDetails.name}</h4>
</div>
{moduleDetails.description && (
<TextArea
className="outline-none ring-none w-full max-h-max bg-transparent !p-0 !m-0 !border-0 resize-none text-13 leading-5 text-secondary"
className="ring-none !m-0 max-h-max w-full resize-none !border-0 bg-transparent !p-0 text-13 leading-5 text-secondary outline-none"
value={moduleDetails.description}
disabled
/>
)}
<div className="flex flex-col gap-5 pb-6 pt-2.5">
<div className="flex flex-col gap-5 pt-2.5 pb-6">
<div className="flex items-center justify-start gap-1">
<div className="flex w-2/5 items-center justify-start gap-2 text-tertiary">
<StartDatePropertyIcon className="h-4 w-4" />
@ -376,7 +376,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
{/* Accessing link outside the disclosure as mobx is not considering the children inside Disclosure as part of the component hence not observing their state change*/}
<Disclosure defaultOpen={!!moduleDetails?.link_module?.length}>
{({ open }) => (
<div className={`relative flex h-full w-full flex-col ${open ? "" : "flex-row"}`}>
<div className={`relative flex h-full w-full flex-col ${open ? "" : "flex-row"}`}>
<Disclosure.Button className="flex w-full items-center justify-between gap-2 p-1.5">
<div className="flex items-center justify-start gap-2 text-13">
<span className="font-medium text-secondary">{t("common.links")}</span>

4
apps/web/core/components/modules/applied-filters/root.tsx
View file

@ -46,7 +46,7 @@ export function ModuleAppliedFiltersList(props: Props) {
return (
<Header variant={EHeaderVariant.TERNARY}>
<div className="flex gap-2 flex-wrap">
<div className="flex flex-wrap gap-2">
{Object.entries(appliedFilters).map(([key, value]) => {
const filterKey = key as keyof TModuleFilters;
@ -98,7 +98,7 @@ export function ModuleAppliedFiltersList(props: Props) {
>
<div className="flex flex-wrap items-center gap-1.5">
<span className="text-11 text-tertiary">Modules</span>
<div className="flex items-center gap-1 rounded-sm p-1 text-11 bg-layer-1">
<div className="flex items-center gap-1 rounded-sm bg-layer-1 p-1 text-11">
Favorite
{isEditingAllowed && (
<button

10
apps/web/core/components/modules/archived-modules/header.tsx
View file

@ -83,15 +83,15 @@ export const ArchivedModulesHeader = observer(function ArchivedModulesHeader() {
return (
<div className="group relative flex border-b border-subtle">
<div className="flex w-full items-center overflow-x-auto px-4 gap-2 horizontal-scrollbar scrollbar-sm">
<div className="horizontal-scrollbar flex scrollbar-sm w-full items-center gap-2 overflow-x-auto px-4">
<ArchiveTabsList />
</div>
{/* filter options */}
<div className="h-full flex items-center gap-3 self-end px-8">
<div className="flex h-full items-center gap-3 self-end px-8">
{!isSearchOpen && (
<button
type="button"
className="-mr-5 p-2 hover:bg-layer-1 rounded-sm text-placeholder grid place-items-center"
className="-mr-5 grid place-items-center rounded-sm p-2 text-placeholder hover:bg-layer-1"
onClick={() => {
setIsSearchOpen(true);
inputRef.current?.focus();
@ -102,9 +102,9 @@ export const ArchivedModulesHeader = observer(function ArchivedModulesHeader() {
)}
<div
className={cn(
"ml-auto flex items-center justify-start gap-1 rounded-md border border-transparent bg-surface-1 text-placeholder w-0 transition-[width] ease-linear overflow-hidden opacity-0",
"ml-auto flex w-0 items-center justify-start gap-1 overflow-hidden rounded-md border border-transparent bg-surface-1 text-placeholder opacity-0 transition-[width] ease-linear",
{
"w-64 px-2.5 py-1.5 border-subtle opacity-100": isSearchOpen,
"w-64 border-subtle px-2.5 py-1.5 opacity-100": isSearchOpen,
}
)}
>

10
apps/web/core/components/modules/archived-modules/view.tsx
View file

@ -34,15 +34,15 @@ export const ArchivedModulesView = observer(function ArchivedModulesView(props:
if (filteredArchivedModuleIds.length === 0)
return (
<div className="h-full w-full grid place-items-center">
<div className="grid h-full w-full place-items-center">
<div className="text-center">
<img
src={archivedModulesSearchQuery.trim() === "" ? AllFiltersImage : NameFilterImage}
className="h-36 sm:h-48 w-36 sm:w-48 mx-auto"
className="mx-auto h-36 w-36 sm:h-48 sm:w-48"
alt="No matching modules"
/>
<h5 className="text-18 font-medium mt-7 mb-1">No matching modules</h5>
<p className="text-placeholder text-14">
<h5 className="mt-7 mb-1 text-18 font-medium">No matching modules</h5>
<p className="text-14 text-placeholder">
{archivedModulesSearchQuery.trim() === ""
? "Remove the filters to see all modules"
: "Remove the search criteria to see all modules"}
@ -54,7 +54,7 @@ export const ArchivedModulesView = observer(function ArchivedModulesView(props:
return (
<div className="h-full overflow-y-auto">
<div className="flex h-full w-full justify-between">
<div className="flex h-full w-full flex-col overflow-y-auto vertical-scrollbar scrollbar-lg">
<div className="vertical-scrollbar flex scrollbar-lg h-full w-full flex-col overflow-y-auto">
{filteredArchivedModuleIds.map((moduleId) => (
<ModuleListItem key={moduleId} moduleId={moduleId} />
))}

2
apps/web/core/components/modules/delete-module-modal.tsx
View file

@ -80,7 +80,7 @@ export const DeleteModuleModal = observer(function DeleteModuleModal(props: Prop
content={
<>
Are you sure you want to delete module-{" "}
<span className="break-all font-medium text-primary">{data?.name}</span>? All of the data related to the
<span className="font-medium break-all text-primary">{data?.name}</span>? All of the data related to the
module will be permanently removed. This action cannot be undone.
</>
}

2
apps/web/core/components/modules/dropdowns/filters/lead.tsx
View file

@ -99,7 +99,7 @@ export const FilterLead = observer(function FilterLead(props: Props) {
)}
</>
) : (
<p className="text-11 italic text-placeholder">No matches found</p>
<p className="text-11 text-placeholder italic">No matches found</p>
)
) : (
<Loader className="space-y-2">

2
apps/web/core/components/modules/dropdowns/filters/members.tsx
View file

@ -99,7 +99,7 @@ export const FilterMembers = observer(function FilterMembers(props: Props) {
)}
</>
) : (
<p className="text-11 italic text-placeholder">No matches found</p>
<p className="text-11 text-placeholder italic">No matches found</p>
)
) : (
<Loader className="space-y-2">

2
apps/web/core/components/modules/dropdowns/filters/root.tsx
View file

@ -59,7 +59,7 @@ export const ModuleFiltersSelection = observer(function ModuleFiltersSelection(p
)}
</div>
</div>
<div className="h-full w-full divide-y divide-subtle-1 overflow-y-auto px-2.5 vertical-scrollbar scrollbar-sm">
<div className="vertical-scrollbar scrollbar-sm h-full w-full divide-y divide-subtle-1 overflow-y-auto px-2.5">
{!isArchived && (
<div className="py-2">
<FilterOption

2
apps/web/core/components/modules/dropdowns/filters/start-date.tsx
View file

@ -75,7 +75,7 @@ export const FilterStartDate = observer(function FilterStartDate(props: Props) {
<FilterOption isChecked={isCustomDateSelected()} onClick={handleCustomDate} title="Custom" multiple />
</>
) : (
<p className="text-11 italic text-placeholder">No matches found</p>
<p className="text-11 text-placeholder italic">No matches found</p>
)}
</div>
)}

2
apps/web/core/components/modules/dropdowns/filters/status.tsx
View file

@ -48,7 +48,7 @@ export const FilterStatus = observer(function FilterStatus(props: Props) {
/>
))
) : (
<p className="text-11 italic text-placeholder">No matches found</p>
<p className="text-11 text-placeholder italic">No matches found</p>
)}
</div>
)}

2
apps/web/core/components/modules/dropdowns/filters/target-date.tsx
View file

@ -74,7 +74,7 @@ export const FilterTargetDate = observer(function FilterTargetDate(props: Props)
<FilterOption isChecked={isCustomDateSelected()} onClick={handleCustomDate} title="Custom" multiple />
</>
) : (
<p className="text-11 italic text-placeholder">No matches found</p>
<p className="text-11 text-placeholder italic">No matches found</p>
)}
</div>
)}

4
apps/web/core/components/modules/form.tsx
View file

@ -151,7 +151,7 @@ export function ModuleForm(props: Props) {
value={value}
onChange={onChange}
placeholder={t("description")}
className="w-full text-14 resize-none min-h-24"
className="min-h-24 w-full resize-none text-14"
hasError={Boolean(errors?.description)}
tabIndex={getIndex("description")}
/>
@ -232,7 +232,7 @@ export function ModuleForm(props: Props) {
</div>
</div>
</div>
<div className="px-5 py-4 flex items-center justify-end gap-2 border-t-[0.5px] border-subtle">
<div className="flex items-center justify-end gap-2 border-t-[0.5px] border-subtle px-5 py-4">
<Button variant="secondary" size="lg" onClick={handleClose} tabIndex={getIndex("cancel")}>
{t("cancel")}
</Button>

4
apps/web/core/components/modules/gantt-chart/blocks.tsx
View file

@ -61,9 +61,9 @@ export const ModuleGanttBlock = observer(function ModuleGanttBlock(props: Props)
)
}
>
<div className="absolute left-0 top-0 h-full w-full bg-surface-1/50" />
<div className="absolute top-0 left-0 h-full w-full bg-surface-1/50" />
<div
className="sticky w-auto overflow-hidden truncate px-2.5 py-1 text-13 text-primary"
className="sticky w-auto truncate overflow-hidden px-2.5 py-1 text-13 text-primary"
style={{ left: `${SIDEBAR_WIDTH}px` }}
>
{moduleDetails?.name}

4
apps/web/core/components/modules/links/create-update-modal.tsx
View file

@ -116,7 +116,7 @@ export function CreateUpdateModuleLinkModal(props: Props) {
<div>
<label htmlFor="title" className="mb-2 text-secondary">
Display title
<span className="text-10 block">Optional</span>
<span className="block text-10">Optional</span>
</label>
<Controller
control={control}
@ -137,7 +137,7 @@ export function CreateUpdateModuleLinkModal(props: Props) {
</div>
</div>
</div>
<div className="px-5 py-4 flex items-center justify-end gap-2 border-t-[0.5px] border-subtle">
<div className="flex items-center justify-end gap-2 border-t-[0.5px] border-subtle px-5 py-4">
<Button variant="secondary" size="lg" onClick={onClose}>
Cancel
</Button>

10
apps/web/core/components/modules/links/list-item.tsx
View file

@ -53,7 +53,7 @@ export const ModulesLinksListItem = observer(function ModulesLinksListItem(props
<div className="flex w-full items-start justify-between gap-2">
<div className="flex items-start gap-2 truncate">
<span className="py-1">
<Icon className="size-3 stroke-2 text-tertiary group-hover:text-primary shrink-0" />
<Icon className="size-3 shrink-0 stroke-2 text-tertiary group-hover:text-primary" />
</span>
<Tooltip tooltipContent={link.title && link.title !== "" ? link.title : link.url} isMobile={isMobile}>
<a href={link.url} target="_blank" rel="noopener noreferrer" className="cursor-pointer truncate text-11">
@ -66,7 +66,7 @@ export const ModulesLinksListItem = observer(function ModulesLinksListItem(props
{isEditingAllowed && (
<button
type="button"
className="grid place-items-center p-1 hover:bg-layer-transparent-hover text-secondary rounded-sm"
className="grid place-items-center rounded-sm p-1 text-secondary hover:bg-layer-transparent-hover"
data-ph-element={MODULE_TRACKER_ELEMENTS.LIST_ITEM}
onClick={(e) => {
e.preventDefault();
@ -80,14 +80,14 @@ export const ModulesLinksListItem = observer(function ModulesLinksListItem(props
<button
type="button"
onClick={() => copyToClipboard(link.url)}
className="grid place-items-center p-1 hover:bg-layer-transparent-hover text-secondary rounded-sm"
className="grid place-items-center rounded-sm p-1 text-secondary hover:bg-layer-transparent-hover"
>
<CopyIcon className="size-3 stroke-[1.5]" />
</button>
{isEditingAllowed && (
<button
type="button"
className="grid place-items-center p-1 hover:bg-layer-transparent-hover text-secondary rounded-sm"
className="grid place-items-center rounded-sm p-1 text-secondary hover:bg-layer-transparent-hover"
data-ph-element={MODULE_TRACKER_ELEMENTS.LIST_ITEM}
onClick={(e) => {
e.preventDefault();
@ -101,7 +101,7 @@ export const ModulesLinksListItem = observer(function ModulesLinksListItem(props
</div>
</div>
<div className="px-5">
<p className="flex items-center gap-1.5 mt-0.5 stroke-[1.5] text-11 text-tertiary">
<p className="mt-0.5 flex items-center gap-1.5 stroke-[1.5] text-11 text-tertiary">
Added {calculateTimeAgo(link.created_at)}{" "}
{createdByDetails && (
<>by {createdByDetails?.is_bot ? createdByDetails?.first_name + " Bot" : createdByDetails?.display_name}</>

2
apps/web/core/components/modules/module-card-item.tsx
View file

@ -218,7 +218,7 @@ export const ModuleCardItem = observer(function ModuleCardItem(props: Props) {
</span>
) : (
<Tooltip tooltipContent="No lead">
<SquareUser className="h-4 w-4 mx-1 text-tertiary " />
<SquareUser className="mx-1 h-4 w-4 text-tertiary" />
</Tooltip>
)}
</div>

2
apps/web/core/components/modules/module-layout-icon.tsx
View file

@ -34,7 +34,7 @@ export function ModuleLayoutIcon(props: ILayoutIcon) {
<>
{withContainer ? (
<div
className={cn("flex items-center justify-center border rounded-sm p-0.5 flex-shrink-0", containerClassName)}
className={cn("flex flex-shrink-0 items-center justify-center rounded-sm border p-0.5", containerClassName)}
>
<Icon width={size} height={size} className={cn(className)} />
</div>

2
apps/web/core/components/modules/module-peek-overview.tsx
View file

@ -51,7 +51,7 @@ export const ModulePeekOverview = observer(function ModulePeekOverview({
{peekModule && (
<div
ref={ref}
className="flex h-full w-full max-w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-subtle bg-surface-1 px-6 duration-300 absolute md:relative right-0 z-[9]"
className="absolute right-0 z-[9] flex h-full w-full max-w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-subtle bg-surface-1 px-6 duration-300 md:relative"
style={{
boxShadow:
"0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(16, 24, 40, 0.06), 0px 1px 8px -1px rgba(16, 24, 40, 0.06)",

10
apps/web/core/components/modules/module-view-header.tsx
View file

@ -100,13 +100,13 @@ export const ModuleViewHeader = observer(function ModuleViewHeader() {
const isFiltersApplied = calculateTotalFilters(filters ?? {}) !== 0 || displayFilters?.favorites;
return (
<div className="hidden h-full sm:flex items-center gap-2 self-end">
<div className="hidden h-full items-center gap-2 self-end sm:flex">
<div className="flex items-center">
{!isSearchOpen && (
<IconButton
variant="ghost"
size="lg"
className="-mr-1 p-"
className="p- -mr-1"
onClick={() => {
setIsSearchOpen(true);
inputRef.current?.focus();
@ -116,9 +116,9 @@ export const ModuleViewHeader = observer(function ModuleViewHeader() {
)}
<div
className={cn(
"ml-auto flex items-center justify-start gap-1 rounded-md border border-transparent bg-surface-1 text-placeholder w-0 transition-[width] ease-linear overflow-hidden opacity-0",
"ml-auto flex w-0 items-center justify-start gap-1 overflow-hidden rounded-md border border-transparent bg-surface-1 text-placeholder opacity-0 transition-[width] ease-linear",
{
"w-64 px-2.5 py-1.5 border-subtle opacity-100": isSearchOpen,
"w-64 border-subtle px-2.5 py-1.5 opacity-100": isSearchOpen,
}
)}
>
@ -171,7 +171,7 @@ export const ModuleViewHeader = observer(function ModuleViewHeader() {
memberIds={workspaceMemberIds ?? undefined}
/>
</FiltersDropdown>
<div className="hidden md:flex items-center gap-1 rounded-sm bg-layer-3 p-1">
<div className="hidden items-center gap-1 rounded-sm bg-layer-3 p-1 md:flex">
{MODULE_VIEW_LAYOUTS.map((layout) => (
<Tooltip key={layout.key} tooltipContent={t(layout.i18n_title)} isMobile={isMobile}>
<button

10
apps/web/core/components/modules/modules-list-view.tsx
View file

@ -82,7 +82,7 @@ export const ModulesListView = observer(function ModulesListView() {
return (
<ContentWrapper variant={ERowVariant.HUGGING}>
<div className="size-full flex justify-between">
<div className="flex size-full justify-between">
{displayFilters?.layout === "list" && (
<ListLayout>
{filteredModuleIds.map((moduleId) => (
@ -92,11 +92,11 @@ export const ModulesListView = observer(function ModulesListView() {
)}
{displayFilters?.layout === "board" && (
<Row
className={`size-full py-page-y grid grid-cols-1 gap-6 overflow-y-auto ${
className={`grid size-full grid-cols-1 gap-6 overflow-y-auto py-page-y ${
peekModule
? "lg:grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3"
: "lg:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4"
} auto-rows-max transition-all vertical-scrollbar scrollbar-lg`}
? "3xl:grid-cols-3 lg:grid-cols-1 xl:grid-cols-2"
: "3xl:grid-cols-4 lg:grid-cols-2 xl:grid-cols-3"
} vertical-scrollbar scrollbar-lg auto-rows-max transition-all`}
>
{filteredModuleIds.map((moduleId) => (
<ModuleCardItem key={moduleId} moduleId={moduleId} />

2
apps/web/core/components/modules/quick-actions.tsx
View file

@ -164,7 +164,7 @@ export const ModuleQuickActions = observer(function ModuleQuickActions(props: Pr
<h5>{item.title}</h5>
{item.description && (
<p
className={cn("text-tertiary whitespace-pre-line", {
className={cn("whitespace-pre-line text-tertiary", {
"text-placeholder": item.disabled,
})}
>

2
apps/web/core/components/modules/select/status.tsx
View file

@ -38,7 +38,7 @@ export function ModuleStatusSelect({ control, error, tabIndex }: Props) {
value={value}
label={
<div
className={`flex items-center justify-center gap-2 text-11 py-0.5 ${error ? "text-danger-primary" : ""}`}
className={`flex items-center justify-center gap-2 py-0.5 text-11 ${error ? "text-danger-primary" : ""}`}
>
{value ? (
<ModuleStatusIcon status={value} />