TOK-528/deactivated-builders

src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx

@@ -1,6 +1,6 @@
 import { SearchContextProvider } from '@/app/collective-rewards/shared'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { isBuilderDeactivated, useHandleErrors } from '@/app/collective-rewards/utils'
 import { useGetBuildersByState } from '@/app/collective-rewards/user/'
 import { ActiveBuildersGrid } from '@/app/collective-rewards/active-builders'
 import { Search } from '@/app/collective-rewards/shared'
@@ -31,6 +31,7 @@ export const ActiveBuildersContent = () => {
     true,
   )
   useHandleErrors({ error, title: 'Error loading builders' })
+  const filteredBuilders = builders.filter(builder => !isBuilderDeactivated(builder))
 
   const status = [
     { label: 'All', value: 'all' },
@@ -40,7 +41,7 @@ export const ActiveBuildersContent = () => {
 
   return (
     <>
-      <SearchContextProvider builders={builders} filterFunction={filterFunction}>
+      <SearchContextProvider builders={filteredBuilders} filterFunction={filterFunction}>
         <Search status={status} />
         {withSpinner(ActiveBuildersGrid)({ isLoading })}
       </SearchContextProvider>

src/app/collective-rewards/shared/components/Table/TableCells.tsx

@@ -102,7 +102,7 @@ export const BuilderNameCell: FC<BuilderCellProps> = ({
     <TableCell className={cn(className, 'border-solid')}>
       <div className="flex flex-row gap-x-1 items-center">
         <BuilderStatusFlag stateFlags={stateFlags} />
-        <Jdenticon className="rounded-md bg-white min-w-6" value={builderName} size="24" />
+        <Jdenticon className="rounded-md bg-white min-w-6" value={address} size="24" />
         <div className="w-32">
           <Popover
             content={

src/app/collective-rewards/utils/isBuilderOperational.ts

@@ -1,9 +1,12 @@
-import { BuilderStateFlags } from '../types'
+import { Builder, BuilderStateFlags } from '../types'
 
 export const isBuilderOperational = (stateFlags?: BuilderStateFlags) => {
   return !!(stateFlags && stateFlags.communityApproved && stateFlags.kycApproved && !stateFlags.paused)
 }
 
+export const isBuilderDeactivated = ({ gauge, stateFlags }: Builder) =>
+  !!(gauge && stateFlags && !stateFlags.communityApproved)
+
 export const isBuilderActive = (stateFlags?: BuilderStateFlags) => {
   return !!(
     stateFlags &&

src/components/Table/tableDocs.md

@@ -30,4 +30,4 @@ const data = [
 ## Styling
 
 - Use the `className` prop to apply custom styles to the table.
-- The component provides a basic structure and styles. You can override or extend these styles as needed.
+- The component provides a basic structure and styles. You can override or extend these styles as needed.