fix(app): skip authorizations in CE [EE-2423] (#6431)

* feat(app): check auth on ee only

* refactor(features): load edition from env var

* fix(containers): show empty message if no containers

.env.defaults

@@ -0,0 +1 @@
+PORTAINER_EDITION=CE

app/docker/containers/components/ContainersDatatable/ContainersDatatable.tsx

@@ -191,19 +191,27 @@ export function ContainersDatatable({
           role={tbodyProps.role}
           style={tbodyProps.style}
         >
-          {page.map((row) => {
-            prepareRow(row);
-            const { key, className, role, style } = row.getRowProps();
-            return (
-              <TableRow<DockerContainer>
-                cells={row.cells}
-                key={key}
-                className={className}
-                role={role}
-                style={style}
-              />
-            );
-          })}
+          {page.length > 0 ? (
+            page.map((row) => {
+              prepareRow(row);
+              const { key, className, role, style } = row.getRowProps();
+              return (
+                <TableRow<DockerContainer>
+                  cells={row.cells}
+                  key={key}
+                  className={className}
+                  role={role}
+                  style={style}
+                />
+              );
+            })
+          ) : (
+            <tr>
+              <td colSpan={columns.length} className="text-center text-muted">
+                No container available.
+              </td>
+            </tr>
+          )}
         </tbody>
       </Table>
 

app/index.js

@@ -20,7 +20,7 @@ import { configApp } from './config';
 import { init as initFeatureService } from './portainer/feature-flags/feature-flags.service';
 import { Edition } from './portainer/feature-flags/enums';
 
-initFeatureService(Edition.CE);
+initFeatureService(Edition[process.env.PORTAINER_EDITION]);
 
 angular
   .module('portainer', [

app/portainer/feature-flags/feature-flags.service.ts

@@ -10,7 +10,7 @@ const state: ServiceState = {
   features: <Record<FeatureId, Edition>>{},
 };
 
-export async function init(edition: Edition = Edition.CE) {
+export async function init(edition: Edition) {
   // will be loaded on runtime
   const currentEdition = edition;
   const features = {

app/portainer/hooks/useUser.tsx

@@ -33,13 +33,20 @@ export function useUser() {
   return context;
 }
 
-export function useAuthorizations(authorizations: string | string[]) {
+export function useAuthorizations(
+  authorizations: string | string[],
+  adminOnlyCE = false
+) {
   const authorizationsArray =
     typeof authorizations === 'string' ? [authorizations] : authorizations;
 
   const { user } = useUser();
   const { params } = useCurrentStateAndParams();
 
+  if (process.env.PORTAINER_EDITION === 'CE') {
+    return !adminOnlyCE || isAdmin(user);
+  }
+
   const { endpointId } = params;
   if (!endpointId) {
     return false;
@@ -118,6 +125,6 @@ export function UserProvider({ children }: UserProviderProps) {
   }
 }
 
-function isAdmin(user: UserViewModel): boolean {
-  return user.Role === 1;
+function isAdmin(user?: UserViewModel | null) {
+  return !!user && user.Role === 1;
 }

webpack/webpack.common.js

@@ -98,7 +98,7 @@ module.exports = {
     },
   },
   plugins: [
-    new Dotenv(),
+    new Dotenv({ defaults: true }),
     new ESLintPlugin(),
     new HtmlWebpackPlugin({
       template: './app/index.html',