{
};
export default function Question({
+ question_id,
answers,
comments,
creator,
@@ -35,6 +39,7 @@ export default function Question({
downvotes,
hasAcceptedAnswer,
status,
+ tags,
title,
text,
upvotes,
@@ -48,8 +53,21 @@ export default function Question({
getVote,
updateVote,
postComment,
+ canBounty,
+ handleBounty,
+ hasBounty,
+ show,
}) {
+ const min = 75;
+ const max = 500;
+ const [value, setValue] = useState(75);
+ canBounty = canBounty && !hasBounty
+
+ function handleBountyFix() {
+ handleBounty(value)
+ }
return (
+
<>
{title}
@@ -75,10 +93,12 @@ export default function Question({
label={hasAcceptedAnswer ? 'yes' : 'no'}
size='small'
/>
+ Tags: {tags.join(', ')}
+
+
+
+
+
+ {show &&
+ {
+ if (e.target.value === "") {
+ setValue(75);
+ return;
+ }
+ const value = e.target.value;
+ if (value > max) {
+ setValue(max);
+ } else if (value < min) {
+ setValue(min);
+ } else {
+ setValue(value);
+ }
+
+
+ }} />
+ }
+
+
+
{ongoingVote.users.length > 0 && (
{ongoingVote.users.toString()} - voting to {ongoingVote.type} this question{' '}
)}
+ {hasBounty && (
+
+ there is a {hasBounty} point bounty on this question
+
+ )}
+
@@ -141,6 +203,18 @@ export default function Question({
+
+ }
+ style={{ textTransform: 'none' }}
+ variant='text'
+ >
+ Share
+
+
diff --git a/client/src/components/QAComponents/Suggest.jsx b/client/src/components/QAComponents/Suggest.jsx
new file mode 100644
index 0000000..9e3320d
--- /dev/null
+++ b/client/src/components/QAComponents/Suggest.jsx
@@ -0,0 +1,68 @@
+import {Tooltip, Button, Card, CardContent, Typography} from '@mui/material'
+import { editQuestion } from 'services/questionsServices';
+import EditFormController from "controllers/FormControllers/EditQuestionFormController";
+import { useEffect, useState } from "react";
+import { useUser, useQuestion } from 'contexts';
+import { Markdown } from 'components';
+export default function Suggest(){
+ const [show, setShow] = useState(false);
+ const [canSuggest, setCanSuggest] = useState(false)
+ const {userData} = useUser();
+ const {questionData} = useQuestion();
+ const [ongoingEdit, setOngoingEdit] = useState({users : [], new : []})
+
+ useEffect(()=>{
+ setCanSuggest(userData.level >= 7)
+
+
+ if(!questionData.loading) setOngoingEdit({users : questionData.edit, new : questionData.editText})
+ },[userData, questionData, setCanSuggest])
+
+ async function toggleShow(){
+ if(questionData.edit.length === 0 || userData.username !== ongoingEdit.users[0]){
+ setShow(!show)
+ }else{
+ const { status } = await editQuestion(questionData.question_id);
+ window.location.reload(false);
+ }
+
+ }
+
+
+
+ return (
+
+
+
+
+
+
+ {show && (
+
+
+
+
+
+ )}
+ {ongoingEdit.users.length > 0 &&
+
+
+ New Title:
+ New Text:
+
+ {ongoingEdit.users} has voted to edit the question
+
+
+ }
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/client/src/components/index.js b/client/src/components/index.js
index 501c33f..c988981 100644
--- a/client/src/components/index.js
+++ b/client/src/components/index.js
@@ -1,3 +1,4 @@
+import Badges from './Badges';
import CreationInfoTag from './CreationInfoTag';
import Form from './Form';
import ListAnswer from './ListAnswer';
@@ -14,6 +15,7 @@ import Profile from './Profile';
import SearchBar from './SearchBar';
export {
+ Badges,
CreationInfoTag,
Form,
ListAnswer,
diff --git a/client/src/containers/Buffet.jsx b/client/src/containers/Buffet.jsx
index e6e5a4b..4eeebb1 100644
--- a/client/src/containers/Buffet.jsx
+++ b/client/src/containers/Buffet.jsx
@@ -6,30 +6,23 @@ import { ListQuestion, LoadingBar } from 'components';
import { PaginatedList } from 'controllers';
import { searchQuestions } from 'services/questionsServices';
-const recent = {};
-const best = { sort: 'u' };
-const interesting = { match: JSON.stringify({ answers: 0 }), sort: 'uvc' };
-const hot = { match: JSON.stringify({ hasAcceptedAnswer: false }), sort: 'uvac' };
-const sortObjArr = [recent, best, interesting, hot];
-
export default function Buffet() {
- const [sort, setSort] = useState(0);
+ const [sort, setSort] = useState('');
const [loading, setLoading] = useState(true);
const [, setSearchParams] = useSearchParams();
const getData = async ({ question_id }) => {
const { questions } = await searchQuestions({
- ...sortObjArr[sort],
- after: question_id,
+ sort,
});
setLoading(() => false);
return questions;
};
- const handleSortChange = (_, newSort) => {
- setSearchParams(sortObjArr[newSort]);
- setSort(newSort);
+ const handleSortChange = (_, value) => {
+ setSearchParams({ sort: value });
+ setSort(value);
};
return (
@@ -60,10 +53,10 @@ export default function Buffet() {
onChange={handleSortChange}
style={{ display: 'block', marginTop: '1%' }}
>
-
Recent
-
Best
-
Interesting
-
Hot
+
Recent
+
Best
+
Interesting
+
Hot
{loading &&
}
diff --git a/client/src/containers/Dashboard.jsx b/client/src/containers/Dashboard.jsx
index 3151eea..1a42559 100644
--- a/client/src/containers/Dashboard.jsx
+++ b/client/src/containers/Dashboard.jsx
@@ -16,7 +16,7 @@ import { Link, useNavigate } from 'react-router-dom';
import { ListAnswer, ListQuestion, LoadingBar } from 'components';
import { useUser } from 'contexts';
-import { PaginatedList } from 'controllers';
+import { Badges, PaginatedList } from 'controllers';
import { deleteUser, getUserAnswers, getUserQuestions } from 'services/userServices';
export default function Dashboard() {
@@ -25,7 +25,7 @@ export default function Dashboard() {
const [current, setCurrent] = useState('questions');
const [loading, setLoading] = useState(true);
const [confirmDelete, setConfirmDelete] = useState(false)
-
+
const {
userData: { email, level, points, username },
@@ -62,16 +62,16 @@ export default function Dashboard() {
};
const deleteCurrentUser = () => {
- if(confirmDelete){
+ if (confirmDelete) {
deleteUser();
navigate('/users/login')
setConfirmDelete(false);
- }else{
+ } else {
setConfirmDelete(true);
setTimeout(cancelDelete, 30000)
}
}
- function cancelDelete(){
+ function cancelDelete() {
setConfirmDelete(false)
}
@@ -89,18 +89,21 @@ export default function Dashboard() {
-
+
{email && (
)}
+
+
+
- {confirmDelete && Click delete button again to confirm delete, cancelling in 30 seconds}
+ {confirmDelete && Click delete button again to confirm delete, cancelling in 30 seconds}
Username: {username}
Email: {email}
Level: {level}
@@ -127,7 +130,7 @@ export default function Dashboard() {