bug fixes

client/src/components/forms/ProjectForm/index.tsx

@@ -71,7 +71,6 @@ export default function ProjectForm({ project, onSubmit }: Props) {
     const [allTeams, setAllTeams] = useState<Team[]>([]);
 
     useEffect(() => {
-        //TODO refactor
         teams.forEach((userTeam) => {
             getTeam(userTeam).then((team) => {
                 setAllTeams(state => {

client/src/components/helpers/Filter/filter.scss

-@use 'styles/settings.scss' as s;
+@use 'styles/settings.scss'as s;
 
 .filter-container {
     .search-container {
         position: relative;
         margin-bottom: 30px;
+
         .icon {
             position: absolute;
             top: 50%;
@@ -11,6 +12,7 @@
             transform: translateY(-50%);
             opacity: 0.8;
         }
+
         input {
             width: 100%;
             padding: 18px;
@@ -22,17 +24,24 @@
             box-shadow: 0 0 15px rgba(s.$black, 0.05);
         }
     }
+
     .status-filter {
         margin-bottom: 40px;
+
         .tags {
             display: flex;
             flex-wrap: wrap;
             margin: -10px;
         }
+
         .tag-item {
             margin: 10px;
             cursor: pointer;
             opacity: 0.5;
+            .tag {
+                margin: 0;
+            }
+
             &.active {
                 opacity: 1;
             }

client/src/components/layout/ProjectsSlider/index.tsx

@@ -27,7 +27,7 @@ export default function ProjectsSlider({ projects }: Props) {
                             touchTracking
                         >
                             {
-                                projects.map(project => <ProjectSlide {...project} />)
+                                projects.map(project => <ProjectSlide key={project.project.id} {...project} />)
                             }
                         </Carousel>
                     </div> :

client/src/components/layout/ProjectsSlider/projects-slider.scss

@@ -3,10 +3,9 @@
 
 
 .project-slider {
-    margin: -10px;
     overflow: hidden;
     padding: 200px;
-    margin: -200px;
+    margin: -210px;
     margin-right: -50px;
     padding-right: 50px;
 

client/src/components/ui/AssigneeList/assignee-list.scss

@@ -2,8 +2,7 @@
 
 .assignee-list {
     display: flex;
-    margin-left: 8px;
-
+    margin-left: 16px;
     &:hover {
         .assignee {
             margin-left: 0;

client/src/pages/Projects/projects.scss

 .projects-page {
     h2 {
-        margin: 50px 0 30px 0;
+        margin: 30px 0 20px 0;
     }
 }
\ No newline at end of file