From 46ac15dd811fb0c37e52c05d7372e4423854c537 Mon Sep 17 00:00:00 2001
From: shash68i <37452438+shash68i@users.noreply.github.com>
Date: Tue, 1 Nov 2022 00:50:51 +0530
Subject: [PATCH] Collection items whole div made as action button and cursor
 pointer added to the items (#61)

---
 .../bruno-app/src/components/Welcome/StyledWrapper.js     | 3 ++-
 packages/bruno-app/src/components/Welcome/index.js        | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/bruno-app/src/components/Welcome/StyledWrapper.js b/packages/bruno-app/src/components/Welcome/StyledWrapper.js
index 67a1ca41a..96cc58409 100644
--- a/packages/bruno-app/src/components/Welcome/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Welcome/StyledWrapper.js
@@ -11,13 +11,14 @@ const StyledWrapper = styled.div`
   }
 
   .collection-options {
+    cursor: pointer;
+
     svg {
       position: relative;
       top: -1px;
     }
 
     .label {
-      cursor: pointer;
       &:hover {
         text-decoration: underline;
       }
diff --git a/packages/bruno-app/src/components/Welcome/index.js b/packages/bruno-app/src/components/Welcome/index.js
index 33a7eaed8..a6e4ce810 100644
--- a/packages/bruno-app/src/components/Welcome/index.js
+++ b/packages/bruno-app/src/components/Welcome/index.js
@@ -65,15 +65,15 @@ const Welcome = () => {
 
       <div className="uppercase font-semibold heading mt-10">Collections</div>
       <div className="mt-4 flex items-center collection-options select-none">
-        <div className="flex items-center">
+        <div className="flex items-center" onClick={() => setCreateCollectionModalOpen(true)}>
           <IconPlus size={18} strokeWidth={2} />
-          <span className="label ml-2" id="create-collection" onClick={() => setCreateCollectionModalOpen(true)}>
+          <span className="label ml-2" id="create-collection">
             Create Collection
           </span>
         </div>
-        <div className="flex items-center ml-6">
+        <div className="flex items-center ml-6" onClick={() => setAddCollectionToWSModalOpen(true)}>
           <IconFiles size={18} strokeWidth={2} />
-          <span className="label ml-2" id="add-collection" onClick={() => setAddCollectionToWSModalOpen(true)}>
+          <span className="label ml-2" id="add-collection">
             Add Collection to Workspace
           </span>
         </div>