wipe test files

test/components/atoms/AlbumCover.test.jsx

@@ -1,43 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-import { DefaultCover } from "@assets";
-
-const StyledImage = Styled.img`
-
-    margin: 10px 10px 10px 10px;
-    transition: all 0.25s ease;
-    width: ${(props) => props.width};
-
-    border-radius: 0.6rem;
-    border-style: hidden;
-
-    :hover {
-        filter: brightness(75%);
-        transition: all 0.25s ease;
-    }
-`;
-/*
-    border-style: hidden; 
-    border-radius: 20px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-*/
-/*  the shadow incase we want it back
-    border-style: hidden;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);
-*/
-
-const StyledLink = Styled.a`
-`;
-
-function AlbumCover({ width }) {
-    return (
-        <StyledLink onClick={notImplemented}>
-            <StyledImage src={DefaultCover} width={width} height="auto"></StyledImage>
-        </StyledLink>
-    );
-}
-function notImplemented(){
-    alert("This feature has not been implemented yet!");
-}
-
-export default AlbumCover;

test/components/atoms/ArtistProfilePic.test.jsx

@@ -1,37 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const StyledImage = Styled.img`
-
-    margin: 10px 10px 10px 10px;
-    transition: all 0.25s ease;
-    width: ${(props) => props.width};
-
-    border-radius: 20px;
-    border-style: hidden;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);
-
-    :hover {
-        filter: brightness(75%);
-        transition: all 0.25s ease;
-    }
-`;
-/*
-    border-style: hidden; 
-    border-radius: 20px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-*/
-
-function ArtistProfilePic({ width, artist_pic_url, location }) {
-    return (
-        <a href={location}>
-            <StyledImage src={artist_pic_url} width={width} height="auto" />
-        </a>
-    );
-}
-
-function notImplemented(){
-    alert("This feature has not been implemented yet!");
-}
-
-export default ArtistProfilePic;

test/components/atoms/Card.test.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const StyledDiv = Styled.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${props => props.bgColor === undefined ? props.theme.colors.white : props.theme.colors.white};
-  border-radius: 12px;
-  filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3));
-  padding: 10px;
-  margin: 0.6em 0.3em;
-`;
-
-const Card = (props) => (
-    <StyledDiv style={props.style}>
-        {props.children}
-    </StyledDiv>
-);
-
-export default Card;

test/components/atoms/ChatBubble.test.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const Bubble = Styled.div`
-    display: flex;
-    flex-direction: ${props => props.from === "user" ? "row-reverse" : "row"};
-    align-items: right;
-`;
-
-const Msg = Styled.p`
-    max-width: 80%;
-    background-color: ${props => props.from === "user" ? props.theme.colors.muSpacePurple : props.theme.colors.lightPurple};
-    border-radius: 0.8em;
-    padding: 0.8em;
-`;
-
-function ChatBubble({ from, children }) {
-    return (
-        <Bubble from={from}>
-            <Msg from={from}>
-                {children}
-            </Msg>
-        </Bubble>
-    );
-}
-
-export default ChatBubble;

test/components/atoms/FeedObject.test.jsx

@@ -1,70 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-import AlbumCover from "@atoms/AlbumCover";
-
-const StyledDiv = Styled.div`
-    color: ${props => props.theme.colors.white};
-    width: 100%;
-    height: auto;
-    align-self: center;
-    margin: 15px 0 15px 0;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    transition: all 0.25s ease;
-
-    border-radius: 20px;
-    border-style: hidden;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);
-`;
-
-const TextContainer = Styled.div`
-    color: ${props => props.theme.colors.white};
-    width: 100%;
-    height: auto;
-    align-self: center;
-    margin: 15px 0 15px 0;
-    display: inline-flex;
-    flex-direction: column;
-    align-items: left;
-    transition: all 0.25s ease;
-`;
-
-
-const StyledLink = Styled.a`
-    border: none;
-    padding: 0;
-    size: 0;
-    display: block;
-    text-decoration: none;
-    font-weight: bold;
-    margin: 0 0 10px 0;
-`;
-
-const StyledText = Styled.p`
-    font-family: "Roboto";
-    font-size: ${props => props.theme.fontSizes.medium};
-    font-weight: medium;
-    color: ${props => props.theme.colors.grey};
-    display: block;
-    margin: 1px;
-`;
-
-function FeedObject({title, content, details, link}){
-    return(
-        <StyledDiv>
-            <AlbumCover></AlbumCover>
-            <TextContainer>
-                <StyledLink href={link}>
-                    <StyledText>{title}</StyledText>
-                    <StyledText>{content}</StyledText>
-                </StyledLink>
-                <br/>
-                <StyledText>{details}</StyledText>
-            </TextContainer>
-        </StyledDiv>
-
-    );
-}
-
-export default FeedObject;

test/components/atoms/Field.test.jsx

@@ -1,32 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const StyledTextInput = Styled.input`
-    display: flex;
-    flex-grow: 1;
-    height: 1.5em;
-
-    border: 1px solid ${props => props.theme.colors.pink};
-    color: ${props => props.theme.colors.black};
-
-    border-radius: 7px;
-    padding: 1em;
-    background-color: transparent;
-    transition: all 0.25s ease;
-
-    :focus {
-        border: 1px solid ${props => props.theme.colors.lightBlue};
-        outline: none;
-
-        transition: all 0.25s ease;
-    
-    }
-`;
-
-function RegisterField({text, type, placeholder}) {
-    return (
-        <StyledTextInput text={text} type={type} placeholder={placeholder}/>
-    );
-}
-
-export default RegisterField;

test/components/atoms/FriendUserButton.test.jsx

@@ -1,61 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const StyledDiv = Styled.div`
-  color: ${(props) => props.theme.colors.grey};
-  align-items: center;
-  transition: all 0.25s ease;
-  margin: 0.2rem 0;
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-
-  @media (max-width: 900){
-    flex-direction: column;
-  }
-`;
-
-const StyledLink = Styled.a`
-    border: none;
-    padding: 0;
-    size: 0;
-    display: block;
-    text-decoration: none;
-`;
-
-const StyledText = Styled.p`
-    font-family: "Roboto";
-    font-size: ${(props) => props.theme.fontSizes.medium};
-    font-weight: normal;
-    color: ${(props) => props.theme.colors.mediumGrey};
-    
-    text-align: center;
-    margin: 0;
-
-    :hover{
-      color: ${(props) => props.theme.colors.muSpacePurple};
-      transition: all 0.1s ease-in-out;
-    }
-`;
-
-const UserProfPic = Styled.img`
-    max-width: 20%; 
-    height: auto;
-    border-radius: 100%;
-    padding: 0.2em;
-    margin-left: 0.8em;
-`;
-
-function UserButton({ text, icon, location, profileImage }) {
-    return (
-        <StyledDiv>
-            <UserProfPic src={profileImage} alt="Default Profile image" />
-            <StyledLink href="/profile">
-                <StyledText>{text}</StyledText>
-            </StyledLink>
-            <div style={{margin: "0 auto"}} />
-        </StyledDiv>
-    );
-}
-
-export default UserButton;

test/components/atoms/FriendsMessageButton.test.jsx

@@ -1,36 +0,0 @@
-import React from "react";
-
-import { Card } from "@atoms";
-import { FriendUserButton } from "@atoms";
-import Firebase from "firebase/app";
-import "firebase/auth";
-
-
-function FriendsMessageButton(){
-    const [profilePic, setProfilePic] = React.useState(null);
-
-    const user = Firebase.auth().currentUser;
-    const username = user ? user.displayName : "@username";
-
-    React.useEffect(() => {
-        if(!profilePic)
-            getProfilePic();
-    }, []);
-
-    async function getProfilePic() {
-        const x = await Firebase.db.collection("users").doc(user.uid).get("profile_picture");
-        setProfilePic(x);
-    }
-
-    return(
-        <Card>
-            <FriendUserButton
-                text={username}
-                location="/messages"
-                profileImage={profilePic}
-            />
-        </Card>
-    );
-}
-
-export default FriendsMessageButton;

test/components/atoms/GoogleSigninButton.test.jsx

@@ -1,42 +0,0 @@
-import React from "react";
-import Styled from "styled-components";
-
-const StyledButton = Styled.button`
-    color: ${props => props.theme.colors.purple};
-    background-color: ${props => props.theme.colors.white};
-    border-radius: 33px;
-    margin-top: 1em;
-
-    font-size: ${props => props.theme.fontSizes.mediumSmall};
-    width: 22em;
-    padding: 1em 0 1em 0;
-    border: 0px; 
-    transition: all 0.25s ease;
-
-    :focus {
-        border: 0px solid ${props => props.theme.colors.lightBlue};
-        outline: none;
-
-        transition: all 0.25s ease;
-        cursor: pointer;
-    }
-
-    :hover {
-        border: 0px solid ${props => props.theme.colors.lightBlue};
-        outline: none;
-        color: ${props => props.theme.colors.white};
-        background-color: ${props => props.theme.colors.purple};
-        filter: brightness(100%);
-        
-        transition: all 0.25s ease;
-        cursor: pointer;
-    }
-`;
-
-function GoogleSigninButton({text, type, onClick}) {
-    return (
-        <StyledButton type={type} onClick={onClick}>{text}</StyledButton>
-    );
-}
-
-export default GoogleSigninButton;