From ed9f04332ed6c5358f9408bbe525c9f308c85313 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Thu, 5 Feb 2026 09:23:14 -0500
Subject: [PATCH] remove color chip from Project and Label
 https://github.com/donetick/frontend/issues/57

---
 src/views/Labels/LabelView.jsx     | 19 +------------------
 src/views/Projects/ProjectView.jsx | 20 +-------------------
 2 files changed, 2 insertions(+), 37 deletions(-)

diff --git a/src/views/Labels/LabelView.jsx b/src/views/Labels/LabelView.jsx
index b8b31a6..bd82a61 100644
--- a/src/views/Labels/LabelView.jsx
+++ b/src/views/Labels/LabelView.jsx
@@ -14,7 +14,7 @@ import { useEffect, useRef, useState } from 'react'
 import LabelModal from '../Modals/Inputs/LabelModal'
 
 // import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { Add, ColorLens } from '@mui/icons-material'
+import { Add } from '@mui/icons-material'
 import { useQueryClient } from '@tanstack/react-query'
 import { useUserProfile } from '../../queries/UserQueries'
 import LABEL_COLORS, {
@@ -416,23 +416,6 @@ const LabelCard = ({ label, onEditClick, onDeleteClick, currentUserId }) => {
 
             {/* Color Info */}
             <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
-              {label.color && (
-                <Chip
-                  size='sm'
-                  variant='soft'
-                  startDecorator={<ColorLens />}
-                  sx={{
-                    fontSize: 10,
-                    height: 18,
-                    px: 0.75,
-                    bgcolor: `${label.color}20`,
-                    color: label.color,
-                    border: `1px solid ${label.color}30`,
-                  }}
-                >
-                  {getColorName(label.color)}
-                </Chip>
-              )}
               {!isOwnedByCurrentUser && (
                 <Chip
                   size='sm'
diff --git a/src/views/Projects/ProjectView.jsx b/src/views/Projects/ProjectView.jsx
index fb93643..65c103f 100644
--- a/src/views/Projects/ProjectView.jsx
+++ b/src/views/Projects/ProjectView.jsx
@@ -14,7 +14,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import ProjectModal from '../Modals/Inputs/ProjectModal'
 
-import { Add, FolderOpen, Task } from '@mui/icons-material'
+import { Add, Task } from '@mui/icons-material'
 import { useQueryClient } from '@tanstack/react-query'
 import { useChores } from '../../queries/ChoreQueries'
 import { useUserProfile } from '../../queries/UserQueries'
@@ -493,24 +493,6 @@ const ProjectCard = ({
                 {taskCount} tasks
               </Chip>
 
-              {project.color && (
-                <Chip
-                  size='sm'
-                  variant='soft'
-                  startDecorator={<FolderOpen />}
-                  sx={{
-                    fontSize: 10,
-                    height: 18,
-                    px: 0.75,
-                    bgcolor: `${project.color}20`,
-                    color: project.color,
-                    border: `1px solid ${project.color}30`,
-                  }}
-                >
-                  {getColorName(project.color)}
-                </Chip>
-              )}
-
               {!isOwnedByCurrentUser && !isDefaultProject && (
                 <Chip
                   size='sm'