Skip to content

Commit

Permalink
Merge pull request #22 from localhost-8000/dev
Browse files Browse the repository at this point in the history 
Removed Admin approval
  • Loading branch information
@localhost-8000
localhost-8000 authored Jul 8, 2023
2 parents 1f64875 + daeeb69 commit 9baca9f
Show file tree
Hide file tree
Showing 4 changed files with 387 additions and 380 deletions.
260 changes: 121 additions & 139 deletions src/components/post/CreateConfession.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,159 +8,141 @@ import { validatePost } from '~/utils/postUtil';

import { AuthContext } from '../contexts/AuthContext';
import { College } from '~/utils/CollegeData';
import {TextEditor} from './TextEditor';
import { TextEditor } from './TextEditor';
import { Paper } from '@mui/material';
import { SelectChangeEvent } from '@mui/material/Select';

import AutoCompleteWrapper from '~/layouts/textfield/AutoCompleteWrapper';
import LoadingBtn from '~/layouts/buttons/LoadingBtn';
import MaxWidthModal from '~/layouts/modals/MaxWidthModal';
import TextBtn from '~/layouts/buttons/TextBtn';
import TagInput from './TagInput';
import { Tag } from '~/types/post';

export default function CreateConfession(props: {isAdmin?: boolean}) {
const { dispatch } = useContext(AuthContext);

const analytics = useAnalytics();
const editorRef = useRef<Editor>(null);
const [editorState, setEditorState] = useState(() => EditorState.createEmpty());
const [infoModalOpen, setInfoModalOpen] = useState<InfoModal>({
open: false,
statusId: '',
});
const [loading, setLoading] = useState<boolean>(false);
const [post, setPost] = useState<MinPost>({
collegeData: null,
confession: '',
tags: []
});

const changeEditorState = (editorState: EditorState) => {
setEditorState(editorState);
const rawContent = convertToRaw(editorState.getCurrentContent());
setPost({
...post,
confession: JSON.stringify(rawContent)
});
}

const handleTagChange = (event: SelectChangeEvent<Tag[]>): void => {
const {target: { value }} = event;
setPost({
...post,
tags: typeof value === 'string' ? value.split(',') as Tag[] : value,
export default function CreateConfession(props: { isAdmin?: boolean }) {
const { dispatch } = useContext(AuthContext);

const analytics = useAnalytics();
const editorRef = useRef<Editor>(null);
const [editorState, setEditorState] = useState(() => EditorState.createEmpty());
const [loading, setLoading] = useState<boolean>(false);
const [post, setPost] = useState<MinPost>({
collegeData: null,
confession: '',
tags: [],
});

const changeEditorState = (editorState: EditorState) => {
setEditorState(editorState);
const rawContent = convertToRaw(editorState.getCurrentContent());
setPost({
...post,
confession: JSON.stringify(rawContent),
});
};

const handleTagChange = (event: SelectChangeEvent<Tag[]>): void => {
const {
target: { value },
} = event;
setPost({
...post,
tags: typeof value === 'string' ? (value.split(',') as Tag[]) : value,
});
};

const createConfession = () => {
const errorMsg = validatePost(post.collegeData, post.confession);

if (errorMsg) {
dispatch(snackBarDispatchMsg(errorMsg, 'error'));
return;
}
setLoading(true);

if (props.isAdmin) {
createNewPost(post.collegeData as College, post.confession, post.tags, true).then((val) => {
setLoading(false);
clearFields();
if (typeof val === 'string') {
alert('post created.');
}
});
}

const createConfession = () => {
const errorMsg = validatePost(post.collegeData, post.confession);

if(errorMsg) {
dispatch(snackBarDispatchMsg(errorMsg, "error"));
return;
}
setLoading(true);

if(props.isAdmin) {
createNewPost(post.collegeData as College, post.confession, post.tags, true).then(val => {
setLoading(false);
clearFields();
if(typeof val === "string") {
alert("post created.");
}
});
return;
return;
}
testModeration(post.confession).then((val) => {
if (val.isViolatingContent) {
let msg = val.message || 'Your post contains inappropriate content.';
dispatch(snackBarDispatchMsg(msg, 'error'));
setLoading(false);
return;
}
testModeration(post.confession).then(val => {
if(val.isViolatingContent) {
let msg = val.message || "Your post contains inappropriate content.";
dispatch(snackBarDispatchMsg(msg, "error"));
setLoading(false);
return;
}

createNewPost(post.collegeData as College, post.confession, post.tags).then(val => {
if(typeof val === "string") return;
clearFields();

logEvent(analytics, "create_post", {
college: val.collegeData?.name
});

setInfoModalOpen({
open: true,
statusId: val.statusId
});
setLoading(false);
});
});
}

const clearFields = () => {
setPost({
collegeData: null,
confession: '',
tags: []
createNewPost(post.collegeData as College, post.confession, post.tags).then((val) => {
if (typeof val === 'string') return;
clearFields();

logEvent(analytics, 'create_post', {
college: val.collegeData?.name,
});

setLoading(false);
dispatch(snackBarDispatchMsg("Your confession is live now. Thank you for your contribution.", 'success'));
});
setEditorState(EditorState.createEmpty());
}

const setEditorFocus = () => {
editorRef.current?.focus();
}

return (
<Paper elevation={2} className="w-full max-w-[600px] p-4">
<AutoCompleteWrapper
value={post.collegeData}
onChangeCB={(_, newValue) => setPost({...post, collegeData: newValue})}
/>
<span className="font-bold">Write your confession:</span>
<p>
Don't use any profanity or hate speech. Such posts won't be approved. You can include references of the person you want to confess to.<br />
Use <b>ctrl + b</b>, <i>ctrl + i</i>, <u>ctrl + u</u> to bold, italicize, and underline text.
</p>
<div className="border-[2px] rounded-md border-[#606079] px-2 py-3 mt-2 min-h-[150px] hover:cursor-text" id="editor-wrapper" onClick={setEditorFocus}>
<TextEditor
editorState={editorState}
onChangeCB={changeEditorState}
ref={editorRef}
/>
</div>

<TagInput tagName={post.tags} handleChangeCB={handleTagChange} />

<div className="flex mt-4 items-center justify-end">
<LoadingBtn
loading={loading}
onClick={createConfession}
text="Compose"
sx={{marginRight: '8px', bgcolor: '#6D6D86', fontWeight: 'bold'}}
color="info"
/>
<TextBtn color="warning" onClickCB={clearFields} text="Clear" />
</div>

<MaxWidthModal
title="Your post is submitted."
open={infoModalOpen.open}
handleCloseCB={() => setInfoModalOpen({open: false, statusId: ''})}
>
Thank you for submitting your confession! Your post is currently being reviewed by our team.
<br /><br /> <b>Status ID: { infoModalOpen.statusId }</b><br /> <br />Please use this ID to check the status of your post. Please save it for future reference.
</MaxWidthModal>
</Paper>
)
}
});
};

type InfoModal = {
open: boolean;
statusId: string;
const clearFields = () => {
setPost({
collegeData: null,
confession: '',
tags: [],
});
setEditorState(EditorState.createEmpty());
};

const setEditorFocus = () => {
editorRef.current?.focus();
};

return (
<Paper elevation={2} className="w-full max-w-[600px] p-4">
<AutoCompleteWrapper
value={post.collegeData}
onChangeCB={(_, newValue) => setPost({ ...post, collegeData: newValue })}
/>
<span className="font-bold">Write your confession:</span>
<p>
Don't use any profanity or hate speech. Such posts won't be approved. You can include references of the person
you want to confess to.
<br />
Use <b>ctrl + b</b>, <i>ctrl + i</i>, <u>ctrl + u</u> to bold, italicize, and underline text.
</p>
<div
className="border-[2px] rounded-md border-[#606079] px-2 py-3 mt-2 min-h-[150px] hover:cursor-text"
id="editor-wrapper"
onClick={setEditorFocus}
>
<TextEditor editorState={editorState} onChangeCB={changeEditorState} ref={editorRef} />
</div>

<TagInput tagName={post.tags} handleChangeCB={handleTagChange} />

<div className="flex mt-4 items-center justify-end">
<LoadingBtn
loading={loading}
onClick={createConfession}
text="Compose"
sx={{ marginRight: '8px', bgcolor: '#6D6D86', fontWeight: 'bold' }}
color="info"
/>
<TextBtn color="warning" onClickCB={clearFields} text="Clear" />
</div>
</Paper>
);
}

type MinPost = {
collegeData: College | null;
confession: string;
tags: Tag[];
}
collegeData: College | null;
confession: string;
tags: Tag[];
};
3 changes: 0 additions & 3 deletions src/components/router/routes.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,9 +37,6 @@ const BaseRoutes: RouteObject[] = [{
path: '/post/:id',
element: <PostView />
}, {
path: '/status',
element: <PostStatus />
} ,{
path: '*',
element: <Page404Screen />,
}];
Expand Down
Loading

0 comments on commit 9baca9f

Please sign in to comment.