Merge branch 'react-rewrite' of github.com:nuxxapp/nuxx into react-rewrite

Makefile

@@ -5,22 +5,22 @@ VERSION = 0.1.0
 .PHONY : validate build pull up down down_clean reset run backend_dev shell_server shell_nginx local_setup local_build
 
 validate :
-	docker-compose config
+	docker compose config
 
 build : validate
-	docker-compose build
+	docker compose build
 
 pull :
-	docker-compose pull
+	docker compose pull
 
 up :
-	docker-compose up -d
+	docker compose up -d
 
 up_local :
-	docker-compose up -d --no-build
+	docker compose up -d --no-build
 
 down :
-	docker-compose down
+	docker compose down
 
 down_clean : down
 	-docker volume rm ctk_postgres_data

services/frontend/src/components/Projects/index.tsx

@@ -26,7 +26,7 @@ const Projects = () => {
                 className="btn-util text-white bg-blue-600 hover:bg-blue-700 sm:w-auto"
                 to="/projects/new"
               >
-                <span>New</span>
+                <span>Create new project</span>
               </Link>
             </div>
 
@@ -60,13 +60,32 @@ const Projects = () => {
                     </div>
 
                     {data.results.length === 0 && (
-                      <div className="text-center">
+                      <div
-                        <h3 className="mt-12 text-sm font-medium text-gray-900 dark:text-white">
+                        className="text-center"
-                          Nothing here
+                        style={{
-                        </h3>
+                          display: "flex",
-                        <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+                          flexDirection: "column",
-                          Get started by creating a project.
+                          justifyContent: "center",
+                          alignItems: "center",
+                          minHeight: "calc(100vh - 120px)"
+                        }}
+                      >
+                        <img
+                          style={{
+                            width: 400,
+                            height: "auto"
+                          }}
+                          src="https://res.cloudinary.com/hypertool/image/upload/v1657816359/hypertool-assets/empty-projects_fdcxtk.svg"
+                        />
+                        <p className="mt-4 text-md text-gray-500 dark:text-gray-400">
+                          We tried our best, but could not find any projects.
                         </p>
+                        <Link
+                          className="btn-util text-white bg-blue-600 hover:bg-blue-700 sm:w-auto mt-3"
+                          to="/projects/new"
+                        >
+                          <span>Create new project</span>
+                        </Link>
                       </div>
                     )}
                   </div>