fix timer(Tracker/ModalTicket) fix fileUpload

(Tracker/ModalTicket) fix tgToken(PartnerSettings)
This commit is contained in:
Никита Губарь 2024-08-09 15:43:51 +03:00
parent 16e3a2649d
commit c22f26f6fe
5 changed files with 96 additions and 45 deletions

View File

@ -490,8 +490,10 @@ export const ModalTiсket = ({
}, [taskTags]); }, [taskTags]);
async function handleUpload(event) { async function handleUpload(event) {
try {
const formData = new FormData(); const formData = new FormData();
formData.append("uploadFile", event.target.files[0]); formData.append("uploadFile", event.target.files[0]);
const res = await fetch("https://itguild.info/api/file/upload", { const res = await fetch("https://itguild.info/api/file/upload", {
method: "POST", method: "POST",
body: formData, body: formData,
@ -502,6 +504,13 @@ export const ModalTiсket = ({
// setUploadedFile(data); // setUploadedFile(data);
attachFile(data[0].id); attachFile(data[0].id);
} catch {
showNotification({
show: true,
text: "Неверный формат файла",
type: "error"
});
}
} }
// function deleteLoadedFile() { // function deleteLoadedFile() {
@ -543,7 +552,7 @@ export const ModalTiсket = ({
function run() { function run() {
updateTimerSec++; updateTimerSec++;
if (updateTimerSec > 60) { if (updateTimerSec > 59) {
updateTimerMinute++; updateTimerMinute++;
updateTimerSec = 0; updateTimerSec = 0;
} }
@ -561,7 +570,7 @@ export const ModalTiсket = ({
function correctTimerTime(time) { function correctTimerTime(time) {
if (time < 10) return `0${time}`; if (time < 10) return `0${time}`;
if (time > 10) return time; if (time >= 10) return time;
} }
useEffect(() => { useEffect(() => {
@ -800,7 +809,7 @@ export const ModalTiсket = ({
name="file" name="file"
id="input__file" id="input__file"
type="file" type="file"
accept="image/*,.png,.jpg,.svg,.jpeg" accept="image/*,.png,.jpg,.svg,.jpeg,.doc,.docx,.xls,.xlsx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
className="input__file" className="input__file"
onChange={handleUpload} onChange={handleUpload}
/> />

View File

@ -381,7 +381,7 @@ export const TicketFullScreen = () => {
function run() { function run() {
updateTimerSec++; updateTimerSec++;
if (updateTimerSec > 60) { if (updateTimerSec > 59) {
updateTimerMinute++; updateTimerMinute++;
updateTimerSec = 0; updateTimerSec = 0;
} }
@ -399,7 +399,7 @@ export const TicketFullScreen = () => {
function correctTimerTime(time) { function correctTimerTime(time) {
if (time < 10) return `0${time}`; if (time < 10) return `0${time}`;
if (time > 10) return time; if (time >= 10) return time;
} }
function deleteTaskExecutor() { function deleteTaskExecutor() {
@ -479,8 +479,10 @@ export const TicketFullScreen = () => {
} }
async function handleUpload(event) { async function handleUpload(event) {
try {
const formData = new FormData(); const formData = new FormData();
formData.append("uploadFile", event.target.files[0]); formData.append("uploadFile", event.target.files[0]);
const res = await fetch("https://itguild.info/api/file/upload", { const res = await fetch("https://itguild.info/api/file/upload", {
method: "POST", method: "POST",
body: formData, body: formData,
@ -489,7 +491,15 @@ export const TicketFullScreen = () => {
const data = await res.json(); const data = await res.json();
setUploadedFile(data); // setUploadedFile(data);
attachFile(data[0].id);
} catch {
showNotification({
show: true,
text: "Неверный формат файла",
type: "error"
});
}
} }
function attachFile() { function attachFile() {
@ -774,7 +784,7 @@ export const TicketFullScreen = () => {
name="file" name="file"
id="input__file" id="input__file"
type="file" type="file"
accept="image/*,.png,.jpg,.svg,.jpeg" accept="image/*,.png,.jpg,.svg,.jpeg,.doc,.docx,.xls,.xlsx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
className="input__file" className="input__file"
onChange={handleUpload} onChange={handleUpload}
/> />

View File

@ -34,13 +34,13 @@ export const PartnerSettings = () => {
const [loader, setLoader] = useState(false); const [loader, setLoader] = useState(false);
const [tgLoader, setTgLoader] = useState(false); const [tgLoader, setTgLoader] = useState(false);
useEffect(() => { // useEffect(() => {
apiRequest("/user-tg-bot/get-token", { // apiRequest("/user-tg-bot/get-token", {
method: "GET" // method: "GET"
}).then((data) => { // }).then((data) => {
setTgToken(data.token); // setTgToken(data.token);
}); // });
}, []); // }, []);
const setSettings = () => { const setSettings = () => {
if (inputsValue.name.length < 2) { if (inputsValue.name.length < 2) {
@ -92,7 +92,25 @@ export const PartnerSettings = () => {
}); });
}; };
const handleGenerate = async () => {
if (tgToken == undefined) {
setTgLoader(true);
apiRequest("/user-tg-bot/get-token", {
method: "GET"
}).then((data) => {
setTgToken(data.token);
showNotification({
show: true,
text: "Телеграм токен успешно сгенерирован",
type: "success"
});
setTgLoader(false);
});
}
};
const handleCopy = async () => { const handleCopy = async () => {
if (tgToken !== undefined) {
try { try {
await navigator.clipboard.writeText(tgToken); await navigator.clipboard.writeText(tgToken);
showNotification({ showNotification({
@ -107,6 +125,13 @@ export const PartnerSettings = () => {
type: "error" type: "error"
}); });
} }
} else {
showNotification({
show: true,
text: "Необходимо сгенерировать код",
type: "error"
});
}
}; };
return ( return (
@ -225,13 +250,19 @@ export const PartnerSettings = () => {
{tgLoader ? ( {tgLoader ? (
<Loader style={"green"} width={"40px"} height={"40px"} /> <Loader style={"green"} width={"40px"} height={"40px"} />
) : ( ) : (
<BaseButton
onClick={handleGenerate}
styles={"settings__buttons-save"}
>
Сгенерировать
</BaseButton>
)}
<BaseButton <BaseButton
onClick={handleCopy} onClick={handleCopy}
styles={"settings__buttons-save"} styles={"settings__buttons-save"}
> >
Скопировать Скопировать
</BaseButton> </BaseButton>
)}
</div> </div>
<div className="settings__agreement-tg"> <div className="settings__agreement-tg">
<a href="#" target="_blank" rel="noopener noreferrer"> <a href="#" target="_blank" rel="noopener noreferrer">

View File

@ -94,8 +94,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: space-around;
gap: 20px;
margin: 30px 0 20px; margin: 30px 0 20px;
&-cancel, &-cancel,

View File

@ -27,6 +27,7 @@ import { WelcomePage } from "@pages/WelcomePage/WelcomePage";
import { Calendar } from "@components/Calendar/Calendar"; import { Calendar } from "@components/Calendar/Calendar";
import { Candidate } from "@components/Candidate/Candidate"; import { Candidate } from "@components/Candidate/Candidate";
import TicketFullScreen from "@components/Modal/Tracker/TicketFullScreen/TicketFullScreen";
export const PartnerPage = () => { export const PartnerPage = () => {
return ( return (
@ -45,6 +46,7 @@ export const PartnerPage = () => {
<Route exact path="/candidate/:id/form" element={<FormPage />} /> <Route exact path="/candidate/:id/form" element={<FormPage />} />
<Route path="/:userId/calendar" element={<Calendar />} /> <Route path="/:userId/calendar" element={<Calendar />} />
<Route exact path="/tracker/task/:id" element={<TicketFullScreen />} />
<Route <Route
exact exact
path="/tracker/project/:id/task/:taskId" path="/tracker/project/:id/task/:taskId"