chore: platform ui improvement

makeplane · May 10, 2024 · a69b043 · a69b043
1 parent 9b2b80c
commit a69b043
Show file tree

Hide file tree

Showing 14 changed files with 18 additions and 39 deletions.
diff --git a/web/components/headers/cycle-issues.tsx b/web/components/headers/cycle-issues.tsx
@@ -281,7 +281,6 @@ export const CycleIssuesHeader: React.FC = observer(() => {
                       toggleCreateIssueModal(true, EIssuesStoreType.CYCLE);
                     }}
                     size="sm"
-                    prependIcon={<Plus />}
                   >
                     Add Issue
                   </Button>

diff --git a/web/components/headers/cycles.tsx b/web/components/headers/cycles.tsx
@@ -61,7 +61,6 @@ export const CyclesHeader: FC = observer(() => {
           <Button
             variant="primary"
             size="sm"
-            prependIcon={<Plus />}
             onClick={() => {
               setTrackElement("Cycles page");
               toggleCreateCycleModal(true);

diff --git a/web/components/headers/global-issues.tsx b/web/components/headers/global-issues.tsx
@@ -134,8 +134,8 @@ export const GlobalIssuesHeader: React.FC = observer(() => {
             </FiltersDropdown>
           </>
           {isAuthorizedUser && (
-            <Button variant="primary" size="sm" prependIcon={<PlusIcon />} onClick={() => setCreateViewModal(true)}>
-              New View
+            <Button variant="primary" size="sm" onClick={() => setCreateViewModal(true)}>
+              Add View
             </Button>
           )}
         </div>

diff --git a/web/components/headers/module-issues.tsx b/web/components/headers/module-issues.tsx
@@ -288,7 +288,6 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
                     toggleCreateIssueModal(true, EIssuesStoreType.MODULE);
                   }}
                   size="sm"
-                  prependIcon={<Plus />}
                 >
                   Add Issue
                 </Button>

diff --git a/web/components/headers/modules-list.tsx b/web/components/headers/modules-list.tsx
@@ -63,7 +63,6 @@ export const ModulesListHeader: React.FC = observer(() => {
           <Button
             variant="primary"
             size="sm"
-            prependIcon={<Plus />}
             onClick={() => {
               setTrackElement("Modules page");
               toggleCreateModuleModal(true);

diff --git a/web/components/headers/page-details.tsx b/web/components/headers/page-details.tsx
@@ -79,8 +79,8 @@ export const PageDetailsHeader: FC<IPagesHeaderProps> = observer((props) => {
       </div>
       {showButton && (
         <div className="flex items-center gap-2">
-          <Button variant="primary" prependIcon={<Plus />} size="sm" onClick={() => toggleCreatePageModal(true)}>
-            Create Page
+          <Button variant="primary" size="sm" onClick={() => toggleCreatePageModal(true)}>
+            Add Page
           </Button>
         </div>
       )}

diff --git a/web/components/headers/pages.tsx b/web/components/headers/pages.tsx
@@ -59,14 +59,13 @@ export const PagesHeader = observer(() => {
         <div className="flex items-center gap-2">
           <Button
             variant="primary"
-            prependIcon={<Plus />}
             size="sm"
             onClick={() => {
               setTrackElement("Project pages page");
               toggleCreatePageModal(true);
             }}
           >
-            Create Page
+            Add Page
           </Button>
         </div>
       )}

diff --git a/web/components/headers/project-inbox.tsx b/web/components/headers/project-inbox.tsx
@@ -70,7 +70,7 @@ export const ProjectInboxHeader: FC = observer(() => {
             issue={undefined}
           />
 
-          <Button variant="primary" prependIcon={<Plus />} size="sm" onClick={() => setCreateIssueModal(true)}>
+          <Button variant="primary" size="sm" onClick={() => setCreateIssueModal(true)}>
             Add Issue
           </Button>
         </div>

diff --git a/web/components/headers/project-issues.tsx b/web/components/headers/project-issues.tsx
@@ -229,7 +229,6 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
                 toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);
               }}
               size="sm"
-              prependIcon={<Plus />}
             >
               <div className="hidden sm:block">Add</div> Issue
             </Button>

diff --git a/web/components/headers/project-view-issues.tsx b/web/components/headers/project-view-issues.tsx
@@ -241,7 +241,6 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
               toggleCreateIssueModal(true, EIssuesStoreType.PROJECT_VIEW);
             }}
             size="sm"
-            prependIcon={<Plus />}
           >
             Add Issue
           </Button>

diff --git a/web/components/headers/project-views.tsx b/web/components/headers/project-views.tsx
@@ -61,13 +61,8 @@ export const ProjectViewsHeader: React.FC = observer(() => {
           <div className="flex flex-shrink-0 items-center gap-2">
             <ViewListHeader />
             <div>
-              <Button
-                variant="primary"
-                size="sm"
-                prependIcon={<Plus className="h-3.5 w-3.5 stroke-2" />}
-                onClick={() => toggleCreateViewModal(true)}
-              >
-                Create View
+              <Button variant="primary" size="sm" onClick={() => toggleCreateViewModal(true)}>
+                Add View
               </Button>
             </div>
           </div>

diff --git a/web/components/headers/projects.tsx b/web/components/headers/projects.tsx
@@ -167,7 +167,6 @@ export const ProjectsHeader = observer(() => {
         </div>
         {isAuthorizedUser && (
           <Button
-            prependIcon={<Plus />}
             size="sm"
             onClick={() => {
               setTrackElement("Projects page");

diff --git a/web/components/issues/issue-layouts/save-filter-view.tsx b/web/components/issues/issue-layouts/save-filter-view.tsx
@@ -25,7 +25,7 @@ export const SaveFilterView: FC<ISaveFilterView> = (props) => {
         onClose={() => setViewModal(false)}
       />
 
-      <Button size="sm" prependIcon={<Plus />} onClick={() => setViewModal(true)}>
+      <Button size="sm" onClick={() => setViewModal(true)}>
         Save View
       </Button>
     </div>

diff --git a/web/components/pages/list/block-item-action.tsx b/web/components/pages/list/block-item-action.tsx
@@ -50,24 +50,16 @@ export const BlockItemAction: FC<Props> = observer((props) => {
   return (
     <>
       {/* page details */}
-      <div className="flex items-center gap-2 text-custom-text-400">
-        {/* <span className="text-xs">Labels</span>
-           <Circle className="h-1 w-1 fill-custom-text-300" /> */}
-        <div className="cursor-default">
-          <Tooltip tooltipHeading="Owned by" tooltipContent={ownerDetails?.display_name}>
-            <Avatar src={ownerDetails?.avatar} name={ownerDetails?.display_name} />
-          </Tooltip>
-        </div>
-        <Circle className="h-1 w-1 fill-custom-text-300" />
-        {/* <span className="text-xs cursor-default">10m read</span>
-           <Circle className="h-1 w-1 fill-custom-text-300" /> */}
-        <div className="cursor-default">
-          <Tooltip tooltipContent={access === 0 ? "Public" : "Private"}>
-            {access === 0 ? <Earth className="h-3 w-3" /> : <Lock className="h-3 w-3" />}
-          </Tooltip>
-        </div>
+      <div className="cursor-default">
+        <Tooltip tooltipHeading="Owned by" tooltipContent={ownerDetails?.display_name}>
+          <Avatar src={ownerDetails?.avatar} name={ownerDetails?.display_name} />
+        </Tooltip>
+      </div>
+      <div className="cursor-default text-custom-text-300">
+        <Tooltip tooltipContent={access === 0 ? "Public" : "Private"}>
+          {access === 0 ? <Earth className="h-4 w-4" /> : <Lock className="h-4 w-4" />}
+        </Tooltip>
       </div>
-
       {/* vertical divider */}
       <Minus className="h-5 w-5 text-custom-text-400 rotate-90 -mx-3" strokeWidth={1} />