Merge branch 'master' of https://github.com/falgun143/musicblocks

Author: falgun143

.github/workflows/pr-jest-tests.yml

@@ -0,0 +1,88 @@
+name: Run Jest Tests on PR
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - synchronize
+
+jobs:
+  test:
+    name: Run Jest Tests
+    runs-on: ubuntu-latest
+    permissions: 
+      pull-requests: write
+      contents: read
+      issues: write
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Run Jest Tests
+        id: jest
+        run: |
+          npm test -- --json --outputFile=jest-results.json || echo "TESTS_FAILED=true" >> $GITHUB_ENV
+
+      - name: Read Jest Results
+        id: results
+        run: |
+          # Default TESTS_FAILED to false
+          if [ -z "$TESTS_FAILED" ]; then
+            TESTS_FAILED=false
+          fi
+
+          # Set TESTS_PASSED properly
+          if [ "$TESTS_FAILED" = "true" ]; then
+            TESTS_PASSED=false
+            echo "TESTS_PASSED=false" >> $GITHUB_ENV
+            FAILED_TESTS=$(jq -r '[.testResults[] | select(.status == "failed") | .name] | map(split("/") | last) | join("\n")' jest-results.json)
+            echo "FAILED_TESTS<<EOF" >> $GITHUB_ENV
+            echo "$FAILED_TESTS" >> $GITHUB_ENV
+            echo "EOF" >> $GITHUB_ENV
+          else
+            TESTS_PASSED=true
+            echo "TESTS_PASSED=true" >> $GITHUB_ENV
+            echo "FAILED_TESTS=None" >> $GITHUB_ENV
+          fi
+
+          # Extract PR number
+          PR_NUMBER=$(jq --raw-output .pull_request.number "$GITHUB_EVENT_PATH")
+
+          # Generate a temporary file for the comment
+          COMMENT_FILE=$(mktemp)
+
+          # Save variables to GITHUB_OUTPUT
+          echo "TESTS_PASSED=$TESTS_PASSED" >> $GITHUB_ENV
+          echo "PR_NUMBER=$PR_NUMBER" >> $GITHUB_OUTPUT
+          echo "COMMENT_FILE=$COMMENT_FILE" >> $GITHUB_OUTPUT
+
+          # Generate content for the comment file
+          {
+            if [ "$TESTS_PASSED" = "true" ]; then
+              echo "✅ All Jest tests passed! This PR is ready to merge."
+            else
+              echo "❌ Some Jest tests failed. Please check the logs and fix the issues before merging."
+              echo ""
+              echo "**Failed Tests:**"
+              echo ""
+              echo '```'
+              echo "$FAILED_TESTS"
+              echo '```'
+            fi
+          } > "$COMMENT_FILE"
+
+      - name: PR comment
+        uses: thollander/actions-comment-pull-request@v3
+        with:
+          file-path: ${{ steps.results.outputs.COMMENT_FILE }}
+          pr-number: ${{ steps.results.outputs.PR_NUMBER }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/weblate-sync.yaml

@@ -16,7 +16,19 @@
   outline: none;
 }
 
+body:not(.dark) #helpfulSearch,
+body:not(.dark) .ui-autocomplete {
+    background-color: #fff !important;
+    color: #000 !important;
+}
 
+body:not(.dark) .ui-autocomplete li:hover {
+    background-color: #ddd !important;
+}
+
+body:not(.dark) #helpfulSearchDiv {
+    background-color: #f9f9f9 !important;
+}
 
 .modal {
   display: none;
@@ -622,6 +634,8 @@ table {
 
 #canvas {
   overflow-y: visible;
+  background-color: #FFFFFF; 
+  width: 100%;
 }
 
 #statusDiv {

css/activities.css

@@ -1,9 +1,33 @@
+/* Theme DropDown Styling */
+
+#themedropdown{
+  background-color: transparent;
+  box-shadow: none;
+  display: flex;         
+  transform: translateX(-25%) !important;  
+}
+
+#themedropdown a{
+  color: #2196F3;
+  transition: all 0.3s ease;
+}
+#themedropdown a:hover{
+  color: #1E88E5;
+  background-color: transparent;
+  transition: all 0.3s ease;
+}
+
+
 /* Dark Mode */
 
 .dark .blue {
     background-color: #022363 !important;
   }
 
+  .dark #canvas {
+    background-color: #1c1c1c;
+  }
+  
   .dark .blue.darken-1 {
     background-color: #01143b !important;
   }
@@ -39,19 +63,6 @@
     color: white !important;
   }
 
-  .dark .dropdown-content li > a {
-    background-color: #1c1c1c;
-    color: #3fe0d1;
-  }
-  
-  .dark .dropdown-content li > a:hover {
-    color: #252525;
-  }
-  
-  .dark .dropdown-content {
-    background-color: #1c1c1c;
-  }
-  
   .dark .language-link {
     color: #fff;
   }
@@ -68,21 +79,31 @@
   .dark #search,
   #helpfulSearch,
   .ui-autocomplete {
-    background-color: #1c1c1c;
-    color: #fff;
+    background-color: #1c1c1c !important;
+    color: #fff !important;
   }
 
   .dark .ui-autocomplete li:hover {
-    background-color: #225a91;
+    background-color: #225a91 !important;
   }
 
   .dark #helpfulSearchDiv {
-    background-color: transparent;
+    background-color: transparent !important;
   }
 
   .dark #crossButton {
     color: #fff;
   }
 
+  .dark #chooseKeyDiv {
+    background: #333;
+  }
+  
+.dark #movable {
+  background: #333;
+  color: white;
+}
+
+
 
 /* Your Custom Theme can go here if you don't want to modify the existing dark mode */