gatsby-core-theme 44.4.52 → 44.5.0-poc.2

package/src/components/atoms/comment-votes/index.js

@@ -1,92 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-/* eslint-disable no-console */
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable import/no-extraneous-dependencies */
-import React, { useContext } from 'react';
-import axios from 'axios';
-import PropTypes from 'prop-types';
-import LazyImage from '~hooks/lazy-image';
-import useTranslate from '~hooks/useTranslate/useTranslate';
-import { useVote, VotesContext } from '../../../context/VotesProvider';
-import styles from './comment-votes.module.scss';
-
-const CommentVotes = ({ 
-    comment,
-    voteUpAria = 'Like Button',
-    voteDownAria = 'Dislike Button'
-}) => {
-    const { updateVote } = useContext(VotesContext);
-
-    const userVote = useVote(comment.comment_id);
-    
-    const handleVote = async (like = false, commentId) => {
-        const data = like 
-        ? {
-            "vote_up": "increase",
-            "commentID": commentId
-        } 
-        : {
-            "vote_down": "increase",
-            "commentID": commentId
-        };
-
-        const headers = {
-            headers: {
-                "Content-Type": "application/json",
-                Accept: "application/json",
-            },
-        };
-
-        return new Promise((resolve, reject) => {
-            axios
-            .put('/api/put-vote', data, headers)
-            .then((response) => {
-                response.ok = response.status === 200;
-                resolve(response);
-            })
-            .catch((error) => reject(error?.response?.data?.errors?.join() || error.message));
-        });
-    }
-    
-    return  <>
-                <button 
-                    onClick={async () => {
-                        updateVote(comment.comment_id, 'vote_up');
-                        await handleVote(true, comment.comment_id)
-                    }} 
-                    aria-label={useTranslate('vote_up_aria_label', voteUpAria)}
-                    type='button' 
-                    className={`${styles.buttonGroup} ${styles.left} ${userVote === 'vote_down' && styles.disabled || ''}`}
-                    disabled={Boolean(userVote)}
-                >
-                    <LazyImage className={styles.buttonGroupIcon} src='/images/like.svg' />
-                    <span>{userVote === 'vote_up' ? comment.votes_up + 1 : comment.votes_up}</span>
-                </button>
-                <button 
-                    onClick={async () => {
-                        updateVote(comment.comment_id, 'vote_down');
-                        await handleVote(false, comment.comment_id)
-                    }}
-                    aria-label={useTranslate('vote_down_aria_label', voteDownAria)}
-                    type='button' 
-                    className={`${styles.buttonGroup} ${styles.right} ${userVote === 'vote_up' && styles.disabled || ''}`}
-                    disabled={Boolean(userVote)}
-                >
-                    <LazyImage className={styles.buttonGroupIcon} src='/images/dislike.svg' />
-                    <span>{userVote === 'vote_down' ? comment.votes_down + 1 : comment.votes_down}</span>
-                </button>
-            </>
-};
-
-CommentVotes.propTypes = {
-    voteUpAria: PropTypes.string,
-    voteDownAria: PropTypes.string,
-    comment: PropTypes.shape({
-        comment_id: PropTypes.string,
-        votes_up: PropTypes.number,
-        votes_down: PropTypes.number
-    })
-};
-
-export default CommentVotes;

package/src/components/organisms/comments/comment-tree/comment-tree.module.scss

@@ -1,47 +0,0 @@
-.comment_0{
-    margin-left: 0;
-
-    >div>div{
-        z-index: 1;
-    }
-}
-
-.comment_1{
-    @include min(tablet){
-        margin-left: 5.6rem;
-    }
-
-    margin-left: 2.4rem;
-}
-
-.comment_2{
-    @include min(tablet){
-        margin-left: 11.2rem;
-    }
-
-    margin-left: 4rem;
-}
-
-.isReply{
-    position: relative;
-
-    &::before{
-        content: "";
-        position: absolute;
-        right: 100%;
-        border-left: .1rem solid #CFC7C0;
-        border-bottom: .1rem solid #CFC7C0;
-        border-bottom-left-radius: 2rem;
-        bottom: 50%;
-        height: calc(50% + 8.5rem);
-        width: 1.1rem;
-
-        @include min(tablet){
-            width: 3rem;
-        }
-    }
-
-    + .isReply::before{
-        height: calc(50% + 25.5rem);
-    }
-}

package/src/context/VotesProvider.js

@@ -1,49 +0,0 @@
-import React, {createContext, useContext, useEffect, useState} from "react";
-
-export const VotesContext = createContext({});
-
-// eslint-disable-next-line react/prop-types
-export const VotesProvider = ({ children }) => {
-  const [votes, setVotes] = useState({});
-
-  useEffect(() => {
-    const storedVotes =
-      document.cookie
-        .split("; ")
-        .find((row) => row.startsWith("comments="))
-        ?.split("=")[1]
-        ?.split(",")
-        .filter(Boolean) || [];
-    const votesMap = storedVotes.reduce((acc, entry) => {
-      const [id, vote] = entry.split(":");
-      if (id && vote) acc[id] = vote;
-      return acc;
-    }, {});
-    setVotes(votesMap);
-  }, []);
-
-  const updateVote = (commentId, voteValue) => {
-    setVotes((prevVotes) => {
-        const newVotes = { ...prevVotes, [commentId]: voteValue };
-
-        // Convert votes object to cookie string
-        const cookieValue = Object.entries(newVotes)
-        .map(([id, vote]) => `${id}:${vote}`)
-        .join(",");
-
-        // Set the cookie (expires in 1 year)
-        document.cookie = `comments=${cookieValue}; path=/;`;
-
-        return newVotes;
-    });
-};
-
-  return (
-    <VotesContext.Provider value={{votes, updateVote}}>{children}</VotesContext.Provider>
-  );
-};
-
-export const useVote = (commentId) => {
-  const { votes } = useContext(VotesContext);
-  return votes?.[commentId];
-};