Merge pull request stakwork#862 from Shoaibdev7/feat/workspace-planne…

…r-ui-improvements [UI Enhancement] Workspace Planner Layout Improvements and Visual Clean-up
aliraza556 · Jan 4, 2025 · 35f8faf · 35f8faf
2 parents 47c99e4 + 3339a61
commit 35f8faf
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/people/WorkSpacePlanner/BountyCard/index.tsx b/src/people/WorkSpacePlanner/BountyCard/index.tsx
@@ -46,7 +46,6 @@ const AssignerPic = styled.div`
   height: 40px;
   border-radius: 50%;
   overflow: hidden;
-  background-color: ${colors.light.red1};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -127,7 +126,11 @@ const BountyCardComponent: React.FC<BountyCardProps> = ({
       >
         {title}
       </CardTitle>
-      <AssignerPic>{assignee_img ? <img src={assignee_img} alt="Assigner" /> : 'Pic'}</AssignerPic>
+      {assignee_img && (
+        <AssignerPic>
+          <img src={assignee_img} alt="Assigner" />
+        </AssignerPic>
+      )}
     </CardHeader>
 
     <RowT>

diff --git a/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx b/src/people/WorkSpacePlanner/WorkspacePlannerHeader/index.tsx
@@ -151,7 +151,7 @@ export const WorkspacePlannerHeader = observer(
         <FillContainer>
           <Header>
             <Leftheader>
-              <ImageContainer src={img} width="72px" height="72px" alt="workspace icon" />
+              {img && <ImageContainer src={img} width="72px" height="72px" alt="workspace icon" />}
               <CompanyNameAndLink>
                 <CompanyLabel>{name}</CompanyLabel>
                 <UrlButtonContainer data-testid="url-button-container">

diff --git a/src/people/WorkSpacePlanner/index.tsx b/src/people/WorkSpacePlanner/index.tsx
@@ -34,7 +34,7 @@ const ColumnsContainer = styled.div`
   padding: 1rem;
   overflow-x: auto;
   background: whote;
-  height: 600px !important;
+  height: calc(100vh - 200px) !important;
 
   &::-webkit-scrollbar {
     height: 7px;
@@ -204,7 +204,6 @@ const WorkspacePlanner = observer(() => {
         setFilterToggle={setFilterToggle}
       />
       <ContentArea>
-        <h1>Welcome to the new Workspace Planner</h1>
         <ColumnsContainer>
           {COLUMN_CONFIGS.map(({ id, title }: { id: string; title: string }) => (
             <Column key={id}>