From 6ee3b6932edea86b91f621b8056515462bdb554f Mon Sep 17 00:00:00 2001
From: robfrks <robin.frks@gmail.com>
Date: Tue, 16 Jul 2024 15:34:09 +0200
Subject: [PATCH] removed commented code and unused imports

---
 .../Deepfake/Results/DeepfakeResultsImage.jsx |   8 +-
 .../Deepfake/Results/DeepfakeResultsVideo.jsx |   3 -
 .../syntheticImageDetectionResults.jsx        | 245 +-----------------
 .../GaugeChartResults/GaugeChartResult.jsx    |  13 -
 4 files changed, 2 insertions(+), 267 deletions(-)

diff --git a/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsImage.jsx b/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsImage.jsx
index 612b4d0b7..dec1866dc 100644
--- a/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsImage.jsx
+++ b/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsImage.jsx
@@ -14,16 +14,10 @@ import {
   AccordionDetails,
 } from "@mui/material";
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
-import { LinearProgressWithLabel } from "../../../../Shared/LinearProgressWithLabel/LinearProgressWithLabel";
-import { Close, Download, ExpandMore, Help } from "@mui/icons-material";
+import { Close } from "@mui/icons-material";
 import { useSelector } from "react-redux";
-import { DetectionProgressBar } from "components/Shared/DetectionProgressBar/DetectionProgressBar";
 import { getclientId } from "components/Shared/GoogleAnalytics/MatomoAnalytics";
 import { useTrackEvent } from "Hooks/useAnalytics";
-import GaugeChart from "react-gauge-chart";
-import GaugeChartModalExplanation from "components/Shared/GaugeChartResults/GaugeChartModalExplanation";
-import { exportReactElementAsJpg } from "components/Shared/Utils/htmlUtils";
-import CustomAlertScore from "components/Shared/CustomAlertScore";
 import GaugeChartResult from "components/Shared/GaugeChartResults/GaugeChartResult";
 
 const DeepfakeResultsImage = (props) => {
diff --git a/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsVideo.jsx b/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsVideo.jsx
index fe063052c..a02c2ca52 100644
--- a/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsVideo.jsx
+++ b/src/components/NavItems/tools/Deepfake/Results/DeepfakeResultsVideo.jsx
@@ -13,9 +13,6 @@ import {
 } from "@mui/material";
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
 import CloseIcon from "@mui/icons-material/Close";
-import Help from "@mui/icons-material/Help";
-import { LinearProgressWithLabel } from "../../../../Shared/LinearProgressWithLabel/LinearProgressWithLabel";
-import { DetectionProgressBar } from "components/Shared/DetectionProgressBar/DetectionProgressBar";
 import { getclientId } from "components/Shared/GoogleAnalytics/MatomoAnalytics";
 import { useSelector } from "react-redux";
 import { useTrackEvent } from "Hooks/useAnalytics";
diff --git a/src/components/NavItems/tools/SyntheticImageDetection/syntheticImageDetectionResults.jsx b/src/components/NavItems/tools/SyntheticImageDetection/syntheticImageDetectionResults.jsx
index 607d24d53..9913a59fb 100644
--- a/src/components/NavItems/tools/SyntheticImageDetection/syntheticImageDetectionResults.jsx
+++ b/src/components/NavItems/tools/SyntheticImageDetection/syntheticImageDetectionResults.jsx
@@ -1,29 +1,18 @@
 import React, { useEffect, useRef, useState } from "react";
 import {
-  Accordion,
-  AccordionDetails,
-  AccordionSummary,
   Alert,
   Box,
   Card,
   CardHeader,
-  Chip,
-  Divider,
   Grid,
   IconButton,
   Stack,
-  Typography,
 } from "@mui/material";
-import { Close, Download, ExpandMore } from "@mui/icons-material";
+import { Close } from "@mui/icons-material";
 import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
 import { useSelector } from "react-redux";
 import { useTrackEvent } from "Hooks/useAnalytics";
 import { getclientId } from "components/Shared/GoogleAnalytics/MatomoAnalytics";
-import CustomAlertScore from "../../../Shared/CustomAlertScore";
-import GaugeChart from "react-gauge-chart";
-import Tooltip from "@mui/material/Tooltip";
-import { exportReactElementAsJpg } from "../../../Shared/Utils/htmlUtils";
-import GaugeChartModalExplanation from "../../../Shared/GaugeChartResults/GaugeChartModalExplanation";
 import GaugeChartResult from "components/Shared/GaugeChartResults/GaugeChartResult";
 
 const SyntheticImageDetectionResults = (props) => {
@@ -313,238 +302,6 @@ const SyntheticImageDetectionResults = (props) => {
           </Grid>
           <Grid item sm={12} md={6}>
             {syntheticImageScores.length > 0 ? (
-              /* <Stack
-                direction="column"
-                p={4}
-                justifyContent="flex-start"
-                alignItems="flex-start"
-                spacing={4}
-                width="100%"
-                sx={{ boxSizing: "border-box" }}
-                position="relative"
-              >
-                <Stack
-                  direction={{ sm: "column", md: "row" }}
-                  alignItems={{ sm: "start", md: "center" }}
-                  justifyContent="center"
-                  width="100%"
-                >
-                  <Box m={2}></Box>
-                  <Stack
-                    direction="column"
-                    justifyContent="center"
-                    alignItems="center"
-                    spacing={2}
-                    ref={gaugeChartRef}
-                    p={2}
-                  >
-                    {maxScore > DETECTION_THRESHOLDS.THRESHOLD_2 && (
-                      <Typography
-                        variant="h5"
-                        align="center"
-                        alignSelf="center"
-                        sx={{ color: "red" }}
-                      >
-                        {keyword(
-                          "synthetic_image_detection_generic_detection_text",
-                        )}
-                      </Typography>
-                    )}
-                    <Stack
-                      direction="column"
-                      justifyContent="center"
-                      alignItems="center"
-                    >
-                      <GaugeChart
-                        id={"gauge-chart"}
-                        animate={false}
-                        nrOfLevels={4}
-                        textColor={"black"}
-                        arcsLength={[
-                          (100 - DETECTION_THRESHOLDS.THRESHOLD_1) / 100,
-                          (DETECTION_THRESHOLDS.THRESHOLD_2 -
-                            DETECTION_THRESHOLDS.THRESHOLD_1) /
-                            100,
-                          (DETECTION_THRESHOLDS.THRESHOLD_3 -
-                            DETECTION_THRESHOLDS.THRESHOLD_2) /
-                            100,
-                          (100 - DETECTION_THRESHOLDS.THRESHOLD_3) / 100,
-                        ]}
-                        percent={syntheticImageScores ? maxScore / 100 : 0}
-                        style={{
-                          minWidth: "250px",
-                          width: "50%",
-                          maxWidth: "500px",
-                        }}
-                      />
-
-                      <Stack
-                        direction="row"
-                        justifyContent="center"
-                        alignItems="center"
-                        spacing={10}
-                      >
-                        <Typography variant="subtitle2">
-                          {keyword(
-                            "synthetic_image_detection_gauge_no_detection",
-                          )}
-                        </Typography>
-                        <Typography variant="subtitle2">
-                          {keyword("synthetic_image_detection_gauge_detection")}
-                        </Typography>
-                      </Stack>
-                    </Stack>
-                  </Stack>
-                  <Box alignSelf={{ sm: "flex-start", md: "flex-end" }}>
-                    <Tooltip
-                      title={keyword(
-                        "synthetic_image_detection_download_gauge_button",
-                      )}
-                    >
-                      <IconButton
-                        color="primary"
-                        aria-label="download chart"
-                        onClick={async () =>
-                          await exportReactElementAsJpg(
-                            gaugeChartRef,
-                            "gauge_chart",
-                          )
-                        }
-                      >
-                        <Download />
-                      </IconButton>
-                    </Tooltip>
-                  </Box>
-                </Stack>
-
-                <GaugeChartModalExplanation
-                  keyword={keyword}
-                  keywordsArr={keywords}
-                  keywordLink={
-                    "synthetic_image_detection_scale_explanation_link"
-                  }
-                  keywordModalTitle={
-                    "synthetic_image_detection_scale_modal_explanation_title"
-                  }
-                  colors={colors}
-                />
-
-                <CustomAlertScore
-                  score={syntheticImageScores ? maxScore : 0}
-                  detectionType={undefined}
-                  toolName={"SyntheticImageDetection"}
-                  thresholds={DETECTION_THRESHOLDS}
-                />
-                {resultsHaveErrors && (
-                  <Alert severity="error">
-                    {keyword("synthetic_image_detection_algorithms_errors")}
-                  </Alert>
-                )}
-                <Box sx={{ width: "100%" }}>
-                  <Accordion defaultExpanded onChange={handleDetailsChange}>
-                    <AccordionSummary expandIcon={<ExpandMore />}>
-                      <Typography>{keyword(detailsPanelMessage)}</Typography>
-                    </AccordionSummary>
-                    <AccordionDetails>
-                      <Stack direction={"column"} spacing={4}>
-                        {syntheticImageScores.map((item, key) => {
-                          let predictionScore;
-
-                          if (item.predictionScore) {
-                            predictionScore = sanitizeDetectionPercentage(
-                              item.predictionScore,
-                            );
-                          }
-
-                          return (
-                            <Stack direction="column" spacing={4} key={key}>
-                              <Stack direction="column" spacing={2}>
-                                <Stack
-                                  direction="row"
-                                  alignItems="flex-start"
-                                  justifyContent="space-between"
-                                >
-                                  <Box>
-                                    <Typography
-                                      variant={"h6"}
-                                      sx={{ fontWeight: "bold" }}
-                                    >
-                                      {
-                                        DeepfakeImageDetectionMethodNames[
-                                          item.methodName
-                                        ].name
-                                      }
-                                    </Typography>
-                                    <Stack
-                                      direction={{ lg: "row", md: "column" }}
-                                      spacing={2}
-                                      alignItems="center"
-                                    >
-                                      <Stack direction="row" spacing={1}>
-                                        {item.isError ? (
-                                          <Alert severity="error">
-                                            {keyword(
-                                              "synthetic_image_detection_error_generic",
-                                            )}
-                                          </Alert>
-                                        ) : (
-                                          <>
-                                            <Typography>
-                                              {keyword(
-                                                "synthetic_image_detection_probability_text",
-                                              )}{" "}
-                                            </Typography>
-                                            <Typography
-                                              sx={{
-                                                color:
-                                                  getPercentageColorCode(
-                                                    predictionScore,
-                                                  ),
-                                              }}
-                                            >
-                                              {predictionScore}%
-                                            </Typography>
-                                          </>
-                                        )}
-                                      </Stack>
-                                      {!item.isError && (
-                                        <Chip
-                                          label={getAlertLabel(predictionScore)}
-                                          color={getAlertColor(predictionScore)}
-                                        />
-                                      )}
-                                    </Stack>
-                                  </Box>
-                                  <Stack>
-                                    // removed troublesome comment
-                                  </Stack>
-                                </Stack>
-
-                                <Box
-                                  p={2}
-                                  sx={{ backgroundColor: "#FAFAFA" }}
-                                  mb={2}
-                                >
-                                  <Typography>
-                                    {
-                                      DeepfakeImageDetectionMethodNames[
-                                        item.methodName
-                                      ].description
-                                    }
-                                  </Typography>
-                                </Box>
-                              </Stack>
-                              {syntheticImageScores.length > key + 1 && (
-                                <Divider />
-                              )}
-                            </Stack>
-                          );
-                        })}
-                      </Stack>
-                    </AccordionDetails>
-                  </Accordion>
-                </Box>
-              </Stack> */
               <GaugeChartResult
                 keyword={keyword}
                 scores={syntheticImageScores}
diff --git a/src/components/Shared/GaugeChartResults/GaugeChartResult.jsx b/src/components/Shared/GaugeChartResults/GaugeChartResult.jsx
index dbfa8073e..0db093522 100644
--- a/src/components/Shared/GaugeChartResults/GaugeChartResult.jsx
+++ b/src/components/Shared/GaugeChartResults/GaugeChartResult.jsx
@@ -276,19 +276,6 @@ const GaugeChartResult = ({
                               )}
                             </Stack>
                           </Box>
-                          <Stack>
-                            {/*<Button*/}
-                            {/*  href={*/}
-                            {/*    DeepfakeImageDetectionMethodNames[*/}
-                            {/*      item.methodName*/}
-                            {/*    ].modelCardUrl*/}
-                            {/*  }*/}
-                            {/*>*/}
-                            {/*  {keyword(*/}
-                            {/*    "synthetic_image_detection_model_card",*/}
-                            {/*  )}*/}
-                            {/*</Button>*/}
-                          </Stack>
                         </Stack>
 
                         <Box p={2} sx={{ backgroundColor: "#FAFAFA" }} mb={2}>