From 5e070fd1e48a265d83517ff8c8f306dc10ef3fda Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Thu, 9 Jun 2022 23:50:11 +0200
Subject: [PATCH] Rename FormDateRange to FormFromTo

---
 .../{FormDateRange.tsx => FormFromTo.tsx}     | 14 ++++-----
 components/view/ViewEvent.tsx                 |  2 +-
 styles/components/form-daterange.css          | 30 -------------------
 styles/components/form-fromto.css             | 30 +++++++++++++++++++
 4 files changed, 38 insertions(+), 38 deletions(-)
 rename components/form/{FormDateRange.tsx => FormFromTo.tsx} (58%)
 delete mode 100644 styles/components/form-daterange.css
 create mode 100644 styles/components/form-fromto.css

diff --git a/components/form/FormDateRange.tsx b/components/form/FormFromTo.tsx
similarity index 58%
rename from components/form/FormDateRange.tsx
rename to components/form/FormFromTo.tsx
index 72b2fb4..374c4ca 100644
--- a/components/form/FormDateRange.tsx
+++ b/components/form/FormFromTo.tsx
@@ -10,22 +10,22 @@ type FormDateRangeProps = {
 }
 
 
-export function FormDateRange(props: FormDateRangeProps) {
+export function FormFromTo(props: FormDateRangeProps) {
     return (
         <div className={classNames({
-            "form-daterange": true,
-            "form-daterange-preview": props.preview,
+            "form-fromto": true,
+            "form-fromto-preview": props.preview,
         })}>
-            <div className="form-daterange-icon">
+            <div className="form-fromto-icon">
                 {props.icon}
             </div>
-            <div className="form-daterange-start">
+            <div className="form-fromto-start">
                 {props.start}
             </div>
-            <div className="form-daterange-connector">
+            <div className="form-fromto-connector">
                 {props.connector}
             </div>
-            <div className="form-daterange-end">
+            <div className="form-fromto-end">
                 {props.end}
             </div>
         </div>
diff --git a/components/view/ViewEvent.tsx b/components/view/ViewEvent.tsx
index 12781d5..4723546 100644
--- a/components/view/ViewEvent.tsx
+++ b/components/view/ViewEvent.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from "react"
-import { FormDateRange } from "../form/FormDateRange"
+import { FormFromTo } from "../form/FormFromTo"
 
 type ViewEventProps = {
     title: ReactNode,
diff --git a/styles/components/form-daterange.css b/styles/components/form-daterange.css
deleted file mode 100644
index 4a39d3f..0000000
--- a/styles/components/form-daterange.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.form-daterange {
-    display: flex;
-    flex-direction: row;
-
-    align-items: center;
-    gap: 4px;
-}
-
-.form-daterange-icon {
-    margin-right: 4px;
-}
-
-.form-daterange-connector {
-    margin-right: 2px;
-}
-
-.form-daterange-start, .form-daterange-end {
-    flex-grow: 1;
-}
-
-.form-daterange-icon, .form-daterange-connector {
-    flex-grow: 0;
-}
-
-.form-daterange-preview {
-}
-
-.form-daterange-preview .form-daterange-start, .form-daterange-preview .form-daterange-end {
-    flex-grow: 0;
-}
\ No newline at end of file
diff --git a/styles/components/form-fromto.css b/styles/components/form-fromto.css
new file mode 100644
index 0000000..2a09b5e
--- /dev/null
+++ b/styles/components/form-fromto.css
@@ -0,0 +1,30 @@
+.form-fromto {
+    display: flex;
+    flex-direction: row;
+
+    align-items: center;
+    gap: 4px;
+}
+
+.form-fromto-icon {
+    margin-right: 4px;
+}
+
+.form-fromto-connector {
+    margin-right: 2px;
+}
+
+.form-fromto-start,
+.form-fromto-end {
+    flex-grow: 1;
+}
+
+.form-fromto-icon,
+.form-fromto-connector {
+    flex-grow: 0;
+}
+
+.form-fromto-preview .form-fromto-start,
+.form-fromto-preview .form-fromto-end {
+    flex-grow: 0;
+}
\ No newline at end of file