🎨 refactor(frontend): Reformat with prettier

Author: LauraRandl

src/frontend-nextjs/components/Timeline/Post.tsx

@@ -73,7 +73,7 @@ export function Post(props: PostProps) {
                 </CardBody>
                 <CardFooter className='gap-3 justify-between px-3'>
                     <div className='flex items-center'>
-                        <PostSpamPrediction isSpamPredictedLabel={props.isSpamPredictedLabel} postId={props.postId}/>
+                        <PostSpamPrediction isSpamPredictedLabel={props.isSpamPredictedLabel} postId={props.postId} />
                     </div>
 
                     {isLoggedIn && (

src/frontend-nextjs/components/Timeline/PostSpamPrediction.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import React from 'react';
-import {Alert} from "@heroui/react";
+import { Alert } from '@heroui/react';
+import { ErrorBoundary } from 'react-error-boundary';
 
-import {SpamPredictionUserRating} from "@/components/Timeline/SpamPredictionUserRating";
-import {useCheckLogin} from "@/hooks/queries/useCheckLogin";
-import {ErrorBoundary} from "react-error-boundary";
-import {ErrorCard} from "@/components/ErrorCard";
+import { SpamPredictionUserRating } from '@/components/Timeline/SpamPredictionUserRating';
+import { useCheckLogin } from '@/hooks/queries/useCheckLogin';
+import { ErrorCard } from '@/components/ErrorCard';
 
 export interface PostSpamPredictionProps {
     isSpamPredictedLabel?: boolean | null;
@@ -21,13 +21,18 @@ export function PostSpamPrediction(props: Readonly<PostSpamPredictionProps>) {
 
     return (
         <div key={color} className='w-full flex items-center my-3'>
-            <div className="w-full">
+            <div className='w-full'>
                 <Alert color={color}>
-                    <div className="flex w-full items-center justify-between gap-3">
-                        <div className="font-semibold">{props.isSpamPredictedLabel? "Potential Spam Detected" : "No Spam Detected"}</div>
+                    <div className='flex w-full items-center justify-between gap-3'>
+                        <div className='font-semibold'>
+                            {props.isSpamPredictedLabel ? 'Potential Spam Detected' : 'No Spam Detected'}
+                        </div>
                         {isLoggedIn && (
                             <ErrorBoundary fallbackRender={(props) => <ErrorCard message={props.error.message} />}>
-                                <SpamPredictionUserRating isSpamPredictedLabel={props.isSpamPredictedLabel} postId={props.postId} />
+                                <SpamPredictionUserRating
+                                    isSpamPredictedLabel={props.isSpamPredictedLabel}
+                                    postId={props.postId}
+                                />
                             </ErrorBoundary>
                         )}
                     </div>

src/frontend-nextjs/components/Timeline/SpamPredictionUserRating.tsx

@@ -1,19 +1,19 @@
 'use client';
 
 import React from 'react';
-import {BsHandThumbsDown, BsHandThumbsDownFill, BsHandThumbsUp, BsHandThumbsUpFill} from 'react-icons/bs';
+import { BsHandThumbsDown, BsHandThumbsDownFill, BsHandThumbsUp, BsHandThumbsUpFill } from 'react-icons/bs';
 import { Button, Spinner } from '@heroui/react';
-import {useSpamPredictionUserRating} from "@/hooks/queries/useSpamPredictionUserRating";
-import {useRateSpamPrediction} from "@/hooks/mutations/useRateSpamPrediction";
+
+import { useSpamPredictionUserRating } from '@/hooks/queries/useSpamPredictionUserRating';
+import { useRateSpamPrediction } from '@/hooks/mutations/useRateSpamPrediction';
 
 export interface SpamPredictionUserRatingProps {
     isSpamPredictedLabel?: boolean | null;
     postId: string;
 }
 
 export function SpamPredictionUserRating(props: Readonly<SpamPredictionUserRatingProps>) {
-
-    const { data: spamPredictionUserRatingData, isLoading} = useSpamPredictionUserRating(props.postId);
+    const { data: spamPredictionUserRatingData, isLoading } = useSpamPredictionUserRating(props.postId);
     const { handleSpamPredictionUpvote, handleSpamPredictionDownvote } = useRateSpamPrediction(props.postId);
 
     if (isLoading) {
@@ -22,15 +22,22 @@ export function SpamPredictionUserRating(props: Readonly<SpamPredictionUserRatin
 
     return (
         <div>
-            <Button className=' text-default-600 bg-transparent' name='upvoteSpamRating' onPress={() => handleSpamPredictionUpvote()}>
+            <Button
+                className=' text-default-600 bg-transparent'
+                name='upvoteSpamRating'
+                onPress={() => handleSpamPredictionUpvote()}
+            >
                 <p>{spamPredictionUserRatingData?.spamPredictionUserUpvotes}</p>
                 {spamPredictionUserRatingData?.isUpvotedByUser ? <BsHandThumbsUpFill /> : <BsHandThumbsUp />}
             </Button>
-            <Button className=' text-default-600 bg-transparent' name='downvoteSpamRating' onPress={() => handleSpamPredictionDownvote()}>
+            <Button
+                className=' text-default-600 bg-transparent'
+                name='downvoteSpamRating'
+                onPress={() => handleSpamPredictionDownvote()}
+            >
                 <p>{spamPredictionUserRatingData?.spamPredictionUserDownvotes}</p>
                 {spamPredictionUserRatingData?.isDownvotedByUser ? <BsHandThumbsDownFill /> : <BsHandThumbsDown />}
             </Button>
         </div>
-    )
-
+    );
 }

src/frontend-nextjs/components/Timeline/Timeline.tsx

@@ -27,10 +27,10 @@ export function Timeline({ posts, isLoading }: TimelineProps) {
                     <Post
                         body={post.body}
                         imageUrl={post.imageUrl}
+                        isSpamPredictedLabel={post.isSpamPredictedLabel}
                         postId={post.postId}
                         timestamp={post.timestamp}
                         username={post.username}
-                        isSpamPredictedLabel={post.isSpamPredictedLabel}
                     />
                     <Spacer y={4} />
                 </div>

src/frontend-nextjs/hooks/mutations/useRateSpamPrediction.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
-import {handleSpamPredictionDownvote, handleSpamPredictionUpvote} from '@/services/SpamPredictionVotingService';
+import { handleSpamPredictionDownvote, handleSpamPredictionUpvote } from '@/services/SpamPredictionVotingService';
 import { QUERY_KEYS } from '@/enums/queryKeys';
 
 export function useRateSpamPrediction(postId: string) {
@@ -22,6 +22,6 @@ export function useRateSpamPrediction(postId: string) {
 
     return {
         handleSpamPredictionUpvote: handleUpvoteMutation.mutate,
-        handleSpamPredictionDownvote: handleDownvoteMutation.mutate
+        handleSpamPredictionDownvote: handleDownvoteMutation.mutate,
     };
 }

src/frontend-nextjs/hooks/queries/useSpamPredictionUserRating.ts

@@ -1,9 +1,9 @@
 import path from 'path';
 
-import {useQuery} from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 
-import {QUERY_KEYS} from '@/enums/queryKeys';
-import {BASE_PATH} from '@/constants';
+import { QUERY_KEYS } from '@/enums/queryKeys';
+import { BASE_PATH } from '@/constants';
 
 type SpamPredictionUserRating = {
     spamPredictionUserUpvotes: number;

src/frontend-nextjs/services/api/SpamPredictionVotesService.ts

@@ -1,15 +1,16 @@
-import {getMicroblogApi} from '@/axios';
-import {getJwtFromCookie} from '@/services/api/AuthService';
-import type {AxiosRequestConfig} from 'axios';
-import {AxiosHeaders} from 'axios';
+import { AxiosHeaders, AxiosRequestConfig } from 'axios';
+
+import { getMicroblogApi } from '@/axios';
+import { getJwtFromCookie } from '@/services/api/AuthService';
 
 async function withJwtCookie(): Promise<AxiosRequestConfig> {
     const jwt = await getJwtFromCookie();
 
     const headers = new AxiosHeaders();
+
     headers.set('Cookie', `jwt=${jwt}`);
 
-    return {headers};
+    return { headers };
 }
 
 export async function fetchSpamPredictionUserRating(postId: string): Promise<any> {

src/microblog-service/Dockerfile

@@ -1,4 +1,4 @@
-FROM gradle:6.9.1-jdk11 as builder
+FROM gradle:6.9.1-jdk11 AS builder
 
 COPY --chown=gradle:gradle . /home/gradle/src
 WORKDIR /home/gradle/src