👘🐕‍🦺 ↝ [SSG-29]: Some cleanup & staging actions

.github/deployments/build.sh

@@ -0,0 +1,35 @@
+name: Build Next.js Application
+
+on:
+  push:
+    branches:
+      - '**' 
+  pull_request:
+    branches:
+      - '**'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    name: Build Next.js App
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18' 
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build the app
+        run: npm run build
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: nextjs-build
+          path: .next

.github/deployments/staging.sh

@@ -0,0 +1,29 @@
+name: Vercel Staging Deployment
+
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+on:
+  push:
+    branches:
+      - development
+
+jobs:
+  Deploy-Staging:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy Project Artifacts to Vercel Staging
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --scope=${{ secrets.VERCEL_ORG_ID }} --project=${{ secrets.VERCEL_PROJECT_ID }} --env=preview

.github/workflows/build.yml

@@ -0,0 +1,35 @@
+name: Build Next.js Application
+
+on:
+  push:
+    branches:
+      - '**' 
+  pull_request:
+    branches:
+      - '**'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    name: Build Next.js App
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18' 
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build the app
+        run: npm run build
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: nextjs-build
+          path: .next

.github/workflows/vercel-staging.yml

@@ -0,0 +1,29 @@
+name: Vercel Staging Deployment
+
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+on:
+  push:
+    branches:
+      - development
+
+jobs:
+  Deploy-Staging:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy Project Artifacts to Vercel Staging
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --scope=${{ secrets.VERCEL_ORG_ID }} --project=${{ secrets.VERCEL_PROJECT_ID }} --env=preview

components/(structures)/Structures.tsx

@@ -359,7 +359,7 @@ export function AtmosphereStructuresOnPlanet({ onStructuresFetch }: StructuresOn
         labels: config.labels || [],
         actions: config.actions || [],
         buttons: config.buttons.map(button => ({
-          ...button,
+          ...button, 
           showInNoModal: true,
         })),
         structureId: inventoryId

styles/Structures/AtmosphereStructures.css

@@ -0,0 +1,70 @@
+.relative {
+    position: relative;
+  }
+
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 0.25rem;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .flex-col {
+    flex-direction: column;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .space-y-2 > * + * {
+    margin-top: 0.5rem;
+  }
+
+  .w-16 {
+    width: 4rem;
+  }
+
+  .h-16 {
+    height: 4rem;
+  }
+
+  .w-14 {
+    width: 3.5rem;
+  }
+
+  .h-14 {
+    height: 3.5rem;
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
+  .bouncing-structure {
+    animation: bounce 1s infinite;
+  }
+
+  @keyframes bounce {
+    0%, 20%, 50%, 80%, 100% {
+      transform: translateY(0);
+    }
+    40% {
+      transform: translateY(-20px);
+    }
+    60% {
+      transform: translateY(-10px);
+    }
+  }
+
+  .hovering-structure {
+    transition: transform 0.2s;
+  }
+
+  .hovering-structure:hover {
+    transform: scale(1.1);
+  }
+

styles/Structures/OrbitalStructures.css

@@ -0,0 +1,54 @@
+.relative {
+    position: relative;
+  }
+
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .flex-col {
+    flex-direction: column;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .space-y-2 > * + * {
+    margin-top: 0.5rem;
+  }
+
+  .w-16 {
+    width: 4rem;
+  }
+
+  .h-16 {
+    height: 4rem;
+  }
+
+  .w-14 {
+    width: 3.5rem;
+  }
+
+  .h-14 {
+    height: 3.5rem;
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
+  .hovering-structure {
+    transition: transform 0.2s;
+  }
+
+  .hovering-structure:hover {
+    transform: scale(1.1);
+  }
+

styles/Structures/StructureInfo.css

@@ -0,0 +1,50 @@
+.flex {
+    display: flex;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .space-x-4 > * + * {
+    margin-left: 1rem;
+  }
+
+  .bg {
+    background-color: #303F51;
+  }
+
+
+  .p-4 {
+    padding: 1rem;
+  }
+
+  .rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .max-w-sm {
+    max-width: 24rem;
+  }
+
+  .text-xl {
+    font-size: 1.25rem;
+  }
+
+  .font-semibold {
+    font-weight: 600;
+  }
+
+  .text-sm {
+    font-size: 0.875rem;
+  }
+
+
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+