before presentation

client/src/App.js

@@ -1,5 +1,4 @@
 import React, {useState, useEffect} from 'react';
-import './App.css';
 import { Routes, Route, useNavigate } from "react-router-dom"
 import { useDispatch, useSelector } from 'react-redux'
 import { selectUser } from  '../src/features/user'
@@ -11,6 +10,8 @@ import UserProfile from './components/UserProfile';
 import OtherProfile from './components/OtherProfile';
 import Conversations from './components/Conversations';
 import Conversation from './components/Conversation'
+import "./Conversation.css"
+import './App.css';
 
 function App() {
   const navigate = useNavigate();

client/src/components/Conversation.js

@@ -5,7 +5,6 @@ import { useParams } from 'react-router-dom'
 import { useSelector } from 'react-redux'
 import { selectUser } from  '../features/user'
 import { createConsumer } from "@rails/actioncable"
-import "../Conversation.css"
 
 export default function Conversation({handleSignOut, conversations}) {
     let { id } = useParams()

client/src/components/ConversationCard.js

@@ -3,7 +3,6 @@ import { useSelector } from 'react-redux'
 import { selectUser } from  '../features/user'
 import { Box, VStack, HStack, Center, Avatar, Text } from '@chakra-ui/react'
 import { Link } from 'react-router-dom'
-import '../Conversation.css'
 
 
 export default function ConversationCard({id, author, receiver, messages}) {