feat: add PWA support

website/components/FunctionPage/CommentCard/CommentCard.css

@@ -1,33 +0,0 @@
-.CommentCard {
-  display: flex;
-  flex-direction: column;
-  word-wrap: break-word;
-  box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.25);
-  border: 1px solid black;
-  border-radius: 0.7em;
-  margin: 15px 0 15px 0;
-}
-.CommentCard__container {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 20px;
-}
-.CommentCard__user-logo {
-  border-radius: 50%;
-  object-fit: cover;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-}
-.CommentCard__message-info {
-  display: flex;
-  align-items: center;
-  margin-left: 10px;
-  font-size: 16px;
-}
-.CommentCard__message {
-  line-height: 1.8;
-  margin: 15px 0 0 0;
-}

website/components/FunctionPage/CommentCard/CommentCard.jsx

@@ -6,7 +6,6 @@ import { UserContext } from '../../../contexts/UserContext'
 import ReactMarkdown from 'react-markdown'
 import CodeBlock from '../../CodeBlock'
 import api, { API_URL } from '../../../utils/api'
-import './CommentCard.css'
 
 const CommentCard = forwardRef((props, ref) => {
   const { isAuth, user } = useContext(UserContext)

website/components/FunctionPage/FunctionComments/FunctionComments.css

@@ -1,7 +0,0 @@
-.FunctionComments__row {
-  margin-bottom: 20px;
-}
-.FunctionComments__textarea {
-  height: auto;
-  resize: vertical;
-}

website/components/FunctionPage/FunctionComments/FunctionComments.jsx

@@ -4,7 +4,6 @@ import { UserContext } from '../../../contexts/UserContext'
 import CommentCard from '../CommentCard/CommentCard'
 import Loader from '../../Loader'
 import api from '../../../utils/api'
-import './FunctionComments.css'
 
 const FunctionComments = ({ functionId }) => {
   // State pour poster un commentaire

website/components/FunctionPage/FunctionComponentTop.jsx

@@ -6,7 +6,6 @@ import { faStar as farStar } from '@fortawesome/free-regular-svg-icons'
 import date from 'date-and-time'
 import { UserContext } from '../../contexts/UserContext'
 import api, { API_URL } from '../../utils/api'
-import '../FunctionCard/FunctionCard.css'
 
 const FunctionComponentTop = props => {
   const { isAuth, user } = useContext(UserContext)

website/components/FunctionPage/FunctionForm.jsx

@@ -6,7 +6,6 @@ import api from '../../utils/api'
 import fr from 'date-fns/locale/fr'
 import { registerLocale } from 'react-datepicker'
 import date from 'date-and-time'
-import 'react-datepicker/dist/react-datepicker.css'
 
 registerLocale('fr', fr)
 

website/components/FunctionPage/FunctionTabs.css

@@ -1,41 +0,0 @@
-.FunctionTabs__nav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-  border-bottom: 1px solid #d9e2ef;
-  margin-bottom: -1px;
-  margin-top: 30px;
-}
-.FunctionTabs__nav-item {
-  margin-bottom: -1px;
-  cursor: pointer;
-}
-.FunctionTabs__nav-link {
-  color: var(--text-color);
-  border: 1px solid #0c0b0b38;
-  border-bottom: 0px;
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-  display: block;
-  padding: 0.5rem 1rem;
-  transition: 0.2s;
-}
-.FunctionTabs__nav-link-active {
-  border-color: #d9e2ef #d9e2ef #fff;
-  color: var(--important);
-}
-.FunctionTabs__nav-link:hover {
-  border-color: #f1f4f8 #f1f4f8 #d9e2ef;
-  text-decoration: none;
-}
-
-@media (max-width: 490px) {
-  .FunctionTabs__nav {
-    flex-direction: column;
-  }
-  .FunctionTabs__nav-link {
-    border-color: #f1f4f8 #f1f4f8 #d9e2ef;
-  }
-}

website/components/FunctionPage/FunctionTabs.jsx

@@ -1,5 +1,4 @@
 import SwipeableViews from 'react-swipeable-views'
-import './FunctionTabs.css'
 
 const FunctionTabs = props => {
   return (