Merge pull request #144 from CS3219-AY2425S1/add-checkstyle

Add checkstyle based on yarn prettier:fix

.github/workflows/frontend-pr-checks.yml

@@ -0,0 +1,38 @@
+name: PR Checks
+
+on:
+  pull_request:
+
+jobs:
+  frontend-checks:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        check: ['style', 'build']
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+
+    - name: Install dependencies
+      run: yarn install
+      working-directory: ./frontend
+
+    - name: Run ESLint
+      if: matrix.check == 'style'
+      run: yarn lint
+      working-directory: ./frontend
+
+    - name: Run Prettier check
+      if: matrix.check == 'style'
+      run: yarn prettier --check .
+      working-directory: ./frontend
+
+    - name: Build
+      if: matrix.check == 'build'
+      run: yarn build
+      working-directory: ./frontend

frontend/components/questions/questions-listing.tsx

@@ -78,7 +78,7 @@ export default function QuestionListing() {
         </Button>
       </div>
     );
-  }
+  };
 
   const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
@@ -213,9 +213,7 @@ export default function QuestionListing() {
               </Button>
             </label>
           </div>
-          <div>
-            {createNewQuestion()}
-          </div>
+          <div>{createNewQuestion()}</div>
         </div>
       )}
       <QuestionTable
@@ -232,4 +230,4 @@ export default function QuestionListing() {
       />
     </div>
   );
-}
+}