Merge pull request #1395 from crupest/dev

Refector 2023 v0.1

8 files changed, 0 insertions, 238 deletions

diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css
deleted file mode 100644
index c34176f6..00000000
--- a/FrontEnd/src/views/common/button/Button.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.cru-button:not(.outline) {

-  color: var(--cru-theme-t-color);

-  cursor: pointer;

-  padding: 0.2em 0.5em;

-  border-radius: 0.2em;

-  border: none;

-  transition: all 0.5s;

-  background-color: var(--cru-theme-color);

-}

-

-.cru-button:not(.outline):hover {

-  background-color: var(--cru-theme-f1-color);

-}

-

-.cru-button:not(.outline):active {

-  background-color: var(--cru-theme-f2-color);

-}

-

-.cru-button:not(.outline):disabled {

-  background-color: var(--cru-disable-color);

-  cursor: auto;

-}

-

-.cru-button.outline {

-  color: var(--cru-theme-color);

-  border: var(--cru-theme-color) 1px solid;

-  cursor: pointer;

-  padding: 0.2em 0.5em;

-  border-radius: 0.2em;

-  transition: all 0.6s;

-  background-color: white;

-}

-

-.cru-button.outline:hover {

-  color: var(--cru-theme-f1-color);

-  border-color: var(--cru-theme-f1-color);

-  background-color: var(--cru-background-color);

-}

-

-.cru-button.outline:active {

-  color: var(--cru-theme-f2-color);

-  border-color: var(--cru-theme-f2-color);

-  background-color: var(--cru-background-1-color);

-}

-

-.cru-button.outline:disabled {

-  color: var(--cru-disable-color);

-  border-color: var(--cru-disable-color);

-  background-color: white;

-  cursor: auto;

-}

diff --git a/FrontEnd/src/views/common/button/Button.tsx b/FrontEnd/src/views/common/button/Button.tsx
deleted file mode 100644
index be605328..00000000
--- a/FrontEnd/src/views/common/button/Button.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ComponentPropsWithoutRef, Ref } from "react";
-import classNames from "classnames";
-
-import { I18nText, useC } from "@/common";
-import { PaletteColorType } from "@/palette";
-
-import "./Button.css";
-
-interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-  color?: PaletteColorType;
-  text?: I18nText;
-  outline?: boolean;
-  buttonRef?: Ref<HTMLButtonElement> | null;
-}
-
-export default function Button(props: ButtonProps) {
-  const {
-    buttonRef,
-    color,
-    text,
-    outline,
-    className,
-    children,
-    ...otherProps
-  } = props;
-
-  if (text != null && children != null) {
-    console.warn("You can't set both text and children props.");
-  }
-
-  const c = useC();
-
-  return (
-    <button
-      ref={buttonRef}
-      className={classNames(
-        "cru-" + (color ?? "primary"),
-        "cru-button",
-        outline && "outline",
-        className,
-      )}
-      {...otherProps}
-    >
-      {text != null ? c(text) : children}
-    </button>
-  );
-}
diff --git a/FrontEnd/src/views/common/button/FlatButton.css b/FrontEnd/src/views/common/button/FlatButton.css
deleted file mode 100644
index f0d33153..00000000
--- a/FrontEnd/src/views/common/button/FlatButton.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.cru-flat-button {

-  cursor: pointer;

-  padding: 0.2em 0.5em;

-  border-radius: 0.2em;

-  border: none;

-  background-color: transparent;

-  transition: all 0.6s;

-  color: var(--cru-theme-color);

-}

-

-.cru-flat-button.disabled {

-  color: var(--cru-theme-l1-color);

-  cursor: default;

-}

-

-.cru-flat-button:hover:not(.disabled) {

-  background-color: #e9ecef;

-}

diff --git a/FrontEnd/src/views/common/button/FlatButton.tsx b/FrontEnd/src/views/common/button/FlatButton.tsx
deleted file mode 100644
index 49912b68..00000000
--- a/FrontEnd/src/views/common/button/FlatButton.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ComponentPropsWithoutRef, Ref } from "react";
-import classNames from "classnames";
-
-import { I18nText, useC } from "@/common";
-import { PaletteColorType } from "@/palette";
-
-import "./FlatButton.css";
-
-interface FlatButtonProps extends ComponentPropsWithoutRef<"button"> {
-  color?: PaletteColorType;
-  text?: I18nText;
-  buttonRef?: Ref<HTMLButtonElement> | null;
-}
-
-export default function FlatButton(props: FlatButtonProps) {
-  const { color, text, className, children, buttonRef, ...otherProps } = props;
-
-  if (text != null && children != null) {
-    console.warn("You can't set both text and children props.");
-  }
-
-  const c = useC();
-
-  return (
-    <button
-      ref={buttonRef}
-      className={classNames(
-        "cru-" + (color ?? "primary"),
-        "cru-flat-button",
-        className,
-      )}
-      {...otherProps}
-    >
-      {text != null ? c(text) : children}
-    </button>
-  );
-}
diff --git a/FrontEnd/src/views/common/button/IconButton.css b/FrontEnd/src/views/common/button/IconButton.css
deleted file mode 100644
index 45fb103c..00000000
--- a/FrontEnd/src/views/common/button/IconButton.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.cru-icon-button {
-  color: var(--cru-theme-color);
-  font-size: 1.4rem;
-  background: none;
-  border: none;
-}
-
-.cru-icon-button.large {
-  font-size: 1.6rem;
-}
diff --git a/FrontEnd/src/views/common/button/IconButton.tsx b/FrontEnd/src/views/common/button/IconButton.tsx
deleted file mode 100644
index 652a8b09..00000000
--- a/FrontEnd/src/views/common/button/IconButton.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import classNames from "classnames";
-
-import { PaletteColorType } from "@/palette";
-
-import "./IconButton.css";
-
-interface IconButtonProps extends ComponentPropsWithoutRef<"i"> {
-  icon: string;
-  color?: PaletteColorType;
-  large?: boolean;
-}
-
-export default function IconButton(props: IconButtonProps) {
-  const { icon, color, className, large, ...otherProps } = props;
-
-  return (
-    <button
-      className={classNames(
-        "cru-icon-button",
-        large && "large",
-        "bi-" + icon,
-        color ? "cru-" + color : "cru-primary",
-        className,
-      )}
-      {...otherProps}
-    />
-  );
-}
diff --git a/FrontEnd/src/views/common/button/LoadingButton.tsx b/FrontEnd/src/views/common/button/LoadingButton.tsx
deleted file mode 100644
index fceaec27..00000000
--- a/FrontEnd/src/views/common/button/LoadingButton.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { useTranslation } from "react-i18next";
-
-import { convertI18nText, I18nText } from "@/common";
-import { PaletteColorType } from "@/palette";
-
-import Spinner from "../Spinner";
-
-interface LoadingButtonProps extends React.ComponentPropsWithoutRef<"button"> {
-  color?: PaletteColorType;
-  text?: I18nText;
-  loading?: boolean;
-}
-
-function LoadingButton(props: LoadingButtonProps): JSX.Element {
-  const { t } = useTranslation();
-
-  const { color, text, loading, className, children, ...otherProps } = props;
-
-  if (text != null && children != null) {
-    console.warn("You can't set both text and children props.");
-  }
-
-  return (
-    <button
-      className={classNames(
-        "cru-" + (color ?? "primary"),
-        "cru-button outline",
-        className,
-      )}
-      {...otherProps}
-    >
-      {text != null ? convertI18nText(text, t) : children}
-      {loading && <Spinner />}
-    </button>
-  );
-}
-
-export default LoadingButton;
diff --git a/FrontEnd/src/views/common/button/index.tsx b/FrontEnd/src/views/common/button/index.tsx
deleted file mode 100644
index cff5ba3f..00000000
--- a/FrontEnd/src/views/common/button/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import Button from "./Button";
-import FlatButton from "./FlatButton";
-import IconButton from "./IconButton";
-import LoadingButton from "./LoadingButton";
-
-export { Button, FlatButton, IconButton, LoadingButton };