Refactor component styles and restructure CSS imports

6ea5f978 by Isaac Bythewood · 7 months ago

Refactor component styles and restructure CSS imports

- Moved CSS files for components to a centralized styles directory.
- Deleted old CSS files and created new ones in the styles/components and styles/pages directories.
- Updated import paths in component files to reflect new CSS locations.
- Ensured all components maintain their styling and functionality after restructuring.

modified components/entry.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";import { timeString } from "../utils/time";import { Context } from "../components/context";import styles from "./entry.module.css";import styles from "../styles/components/entry.module.css";const Entry = ({ entry, removeEntry, isSelected }) => {  const { state, dispatch } = useContext(Context);

modified components/l10n.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";import { Context } from "./context";import styles from "./l10n.module.css";import styles from "../styles/components/l10n.module.css";const L10n = () => {  const { state } = useContext(Context);

modified components/page.js

@@ -2,7 +2,7 @@ import React from "react";import Head from "next/head";import PropTypes from "prop-types";import styles from "./page.module.css";import styles from "../styles/components/page.module.css";const Page = (props) => {  const baseTitle = "Timelite";

modified components/sidebar.js

@@ -5,7 +5,7 @@ import { useRouter } from "next/router";import { Context } from "./context";import strings from "../l10n/sidebar";import styles from "./sidebar.module.css";import styles from "../styles/components/sidebar.module.css";const Sidebar = () => {  const { state } = useContext(Context);

modified components/timer.js

@@ -6,7 +6,7 @@ import strings from "../l10n/timer";import contextStrings from "../l10n/context";import { timeString, timeDiff } from "../utils/time";import styles from "./timer.module.css";import styles from "../styles/components/timer.module.css";const Timer = () => {  const { state, dispatch } = useContext(Context);

modified pages/about.js

@@ -4,7 +4,7 @@ import Page from "../components/page";import { Context } from "../components/context";import strings from "../l10n/about";import styles from "./about.module.css";import styles from "../styles/pages/about.module.css";const About = () => {  const { state } = useContext(Context);

modified pages/index.js

@@ -3,7 +3,7 @@ import React from "react";import Page from "../components/page";import Timer from "../components/timer";import styles from "./index.module.css";import styles from "../styles/pages/index.module.css";const Index = () => {  return (

modified pages/log.js

@@ -10,7 +10,7 @@ import strings from "../l10n/log";import contextStrings from "../l10n/context";import { timeString } from "../utils/time";import styles from "./log.module.css";import styles from "../styles/pages/log.module.css";const Log = () => {  const { state, dispatch } = useContext(Context);

modified pages/summary.js

@@ -5,7 +5,7 @@ import Page from "../components/page";import { Context } from "../components/context";import strings from "../l10n/summary";import styles from "./summary.module.css";import styles from "../styles/pages/summary.module.css";const Summary = () => {  const { state } = useContext(Context);

renamed components/entry.module.css → styles/components/entry.module.css

renamed components/l10n.module.css → styles/components/l10n.module.css

renamed components/page.module.css → styles/components/page.module.css

renamed components/sidebar.module.css → styles/components/sidebar.module.css

renamed components/timer.module.css → styles/components/timer.module.css

renamed pages/about.module.css → styles/pages/about.module.css

renamed pages/index.module.css → styles/pages/index.module.css

renamed pages/log.module.css → styles/pages/log.module.css

renamed pages/summary.module.css → styles/pages/summary.module.css