Revert "fix: prevent environment creation in readonly collections"

This reverts commit c697bbf.

Author: MarkoVcode

packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/index.js

@@ -16,7 +16,6 @@ const EnvironmentList = ({ selectedEnvironment, setSelectedEnvironment, collecti
   const [openCreateModal, setOpenCreateModal] = useState(false);
   const [openImportModal, setOpenImportModal] = useState(false);
   const [openManageSecretsModal, setOpenManageSecretsModal] = useState(false);
-  const isReadOnly = collection.brunoConfig?.readOnly || collection.readOnly;
 
   const [switchEnvConfirmClose, setSwitchEnvConfirmClose] = useState(false);
   const [originalEnvironmentVariables, setOriginalEnvironmentVariables] = useState([]);
@@ -121,20 +120,16 @@ const EnvironmentList = ({ selectedEnvironment, setSelectedEnvironment, collecti
                   </div>
                 </ToolHint>
               ))}
-            {!isReadOnly && (
-              <div className="btn-create-environment" onClick={() => handleCreateEnvClick()}>
-                + <span>Create</span>
-              </div>
-            )}
+            <div className="btn-create-environment" onClick={() => handleCreateEnvClick()}>
+              + <span>Create</span>
+            </div>
 
             <div className="mt-auto btn-import-environment">
-              {!isReadOnly && (
-                <div className="flex items-center" onClick={() => handleImportClick()}>
-                  <IconDownload size={12} strokeWidth={2} />
-                  <span className="label ml-1 text-xs">Import</span>
-                </div>
-              )}
-              <div className={`flex items-center ${!isReadOnly ? 'mt-2' : ''}`} onClick={() => handleSecretsClick()}>
+              <div className="flex items-center" onClick={() => handleImportClick()}>
+                <IconDownload size={12} strokeWidth={2} />
+                <span className="label ml-1 text-xs">Import</span>
+              </div>
+              <div className="flex items-center mt-2" onClick={() => handleSecretsClick()}>
                 <IconShieldLock size={12} strokeWidth={2} />
                 <span className="label ml-1 text-xs">Managing Secrets</span>
               </div>

packages/bruno-app/src/components/Environments/EnvironmentSettings/index.js

@@ -19,33 +19,25 @@ export const SharedButton = ({ children, className, onClick }) => {
   );
 };
 
-const DefaultTab = ({ setTab, isReadOnly }) => {
+const DefaultTab = ({ setTab }) => {
   return (
     <div className="text-center items-center flex flex-col">
       <IconFileAlert size={64} strokeWidth={1} />
       <span className="font-semibold mt-2">No environments found</span>
-      {isReadOnly ? (
-        <span className="font-extralight mt-2 text-zinc-500 dark:text-zinc-400">
-          This collection is read-only. Environments cannot be created or modified.
-        </span>
-      ) : (
-        <>
-          <span className="font-extralight mt-2 text-zinc-500 dark:text-zinc-400">
-            Get started by using the following buttons :
-          </span>
-          <div className="flex items-center justify-center mt-6">
-            <SharedButton onClick={() => setTab('create')}>
-              <span>Create Environment</span>
-            </SharedButton>
+      <span className="font-extralight mt-2 text-zinc-500 dark:text-zinc-400">
+        Get started by using the following buttons :
+      </span>
+      <div className="flex items-center justify-center mt-6">
+        <SharedButton onClick={() => setTab('create')}>
+          <span>Create Environment</span>
+        </SharedButton>
 
-            <span className="mx-4">Or</span>
+        <span className="mx-4">Or</span>
 
-            <SharedButton onClick={() => setTab('import')}>
-              <span>Import Environment</span>
-            </SharedButton>
-          </div>
-        </>
-      )}
+        <SharedButton onClick={() => setTab('import')}>
+          <span>Import Environment</span>
+        </SharedButton>
+      </div>
     </div>
   );
 };
@@ -55,18 +47,16 @@ const EnvironmentSettings = ({ collection, onClose }) => {
   const { environments } = collection;
   const [selectedEnvironment, setSelectedEnvironment] = useState(null);
   const [tab, setTab] = useState('default');
-  const isReadOnly = collection.brunoConfig?.readOnly || collection.readOnly;
-
   if (!environments || !environments.length) {
     return (
       <StyledWrapper>
         <Modal size="md" title="Environments" handleCancel={onClose} hideCancel={true} hideFooter={true}>
-          {tab === 'create' && !isReadOnly ? (
+          {tab === 'create' ? (
             <CreateEnvironment collection={collection} onClose={() => setTab('default')} />
-          ) : tab === 'import' && !isReadOnly ? (
+          ) : tab === 'import' ? (
             <ImportEnvironment collection={collection} onClose={() => setTab('default')} />
           ) : (
-            <DefaultTab setTab={setTab} isReadOnly={isReadOnly} />
+            <DefaultTab setTab={setTab} />
           )}
         </Modal>
       </StyledWrapper>