File size: 1,591 Bytes
dcb6c5f
819bacd
 
dcb6c5f
819bacd
47b5f0c
819bacd
dcb6c5f
 
 
 
 
 
 
47b5f0c
 
 
dcb6c5f
 
 
47b5f0c
 
dcb6c5f
819bacd
 
 
 
 
 
 
 
 
 
 
 
 
 
dcb6c5f
5fe6398
819bacd
 
 
 
 
 
 
dcb6c5f
819bacd
 
 
 
 
 
 
dcb6c5f
819bacd
5fe6398
819bacd
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import baseUrl from "@/services/api/api.config";
import { Button, Typography, useTheme } from "@mui/material";
import Grid from "@mui/material/Unstable_Grid2";
import { useEffect } from "react";

export default function ModelSelection({ fetchChunks, fetchMessages }) {
  const theme = useTheme();

  const onHandleClearVariables = async () => {
    const url = `${baseUrl}/clear/clear_variables`;

    await fetch(url, {
      method: "DELETE",
      headers: { "Content-Type": "application/json" },
    });
    await fetchChunks();
    await fetchMessages();
  };

  useEffect(() => {
    fetchChunks();
    fetchMessages();
  }, []);
  return (
    <>
      <Grid
        container
        mb={2}
        alignItems={"center"}
        border={1}
        borderColor={theme.palette.border.default}
        borderRadius={2}
        padding={2}
        sx={{
          backgroundColor: theme.palette.background.default,
        }}
      >
        <Grid item sm={6}>
          <Typography variant="h4">Do you want to clear the chat?</Typography>
        </Grid>

        <Grid
          item
          container
          alignItems="center"
          justifyContent={"center"}
          sm={4}
          border={1}
          borderColor={theme.palette.border.default}
          borderRadius={2}
          sx={{
            backgroundColor: "white",
          }}
        >
          <Button onClick={onHandleClearVariables}>
            <Typography variant="h6" color="black">
              Clear Chat
            </Typography>
          </Button>
        </Grid>
      </Grid>
    </>
  );
}