From 95a8ea9a13ef0e640ac82f5d4757d8931fb80223 Mon Sep 17 00:00:00 2001 From: Kimi Weng Date: Mon, 17 Apr 2023 18:34:30 -0400 Subject: [PATCH 1/4] fake user settings --- lib/components/QuickSettings.tsx | 9 +++++++++ pages/index.tsx | 13 ++++++++++++- 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/lib/components/QuickSettings.tsx b/lib/components/QuickSettings.tsx index a003e74..0daf78a 100644 --- a/lib/components/QuickSettings.tsx +++ b/lib/components/QuickSettings.tsx @@ -83,6 +83,7 @@ interface QuickSettingsProps { handleScoreCategorySettingsChange: (settings: AllScoreCategorySettings) => void; threshold: number; handleDisplayThresholdChange: (threshold: number) => void; + fakeSetAsDefault: () => void; handleReset: () => void; } @@ -178,6 +179,14 @@ export default function QuickSettings(props: QuickSettingsProps): JSX.Element { +
+ +
+ ); } diff --git a/pages/index.tsx b/pages/index.tsx index d3c03e6..2d365cd 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -26,13 +26,19 @@ const DEFAULT_CATEGORY_SETTINGS: AllScoreCategorySettings = { [ScoreCategory.insult]: { enabled: true, weight: 0.5 }, }; +const FAKE_DEFAULT_CATEGORY_SETTINGS: AllScoreCategorySettings = { + [ScoreCategory.toxic]: { enabled: true, weight: 0.2 }, + [ScoreCategory.profane]: { enabled: true, weight: 0.2 }, + [ScoreCategory.threat]: { enabled: false, weight: 0.5 }, + [ScoreCategory.insult]: { enabled: true, weight: 0.9 }, +}; + export default function Home() { const textareaRef = useRef(null); const [userInput, setUserInput] = useState(""); const [textFromLastUpdate, setTextFromLastUpdate] = useState(""); const [suggestedEdit, setSuggestedEdit] = useState(""); - // Settings const [summaryScoreMode, setSummaryScoreMode] = useState(SummaryScoreMode.highest); const [allCategorySettings, setAllCategorySettings] = useState(DEFAULT_CATEGORY_SETTINGS); @@ -90,6 +96,10 @@ export default function Home() { setSuggestedEdit(suggestionText); }; + const fakeUserDefault = () => { + setAllCategorySettings(FAKE_DEFAULT_CATEGORY_SETTINGS); + } + /* Automatically fetch the score based on the interval if the text changes. * Sets: scores, textFromLastUpdate */ @@ -174,6 +184,7 @@ export default function Home() { handleScoreCategorySettingsChange={(newSettings) => setAllCategorySettings(newSettings)} threshold={scoreThreshold} handleDisplayThresholdChange={(newThreshold) => setScoreThreshold(newThreshold)} + fakeSetAsDefault={fakeUserDefault} handleReset={resetQuickSettings} /> From 7ebebc0d823ec4d0870605ba71683597f6e8a6b5 Mon Sep 17 00:00:00 2001 From: Justin Morrow Date: Mon, 17 Apr 2023 18:38:22 -0400 Subject: [PATCH 2/4] add login page --- pages/login.tsx | 33 +++++++++++++++++ styles/Login.module.scss | 76 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 109 insertions(+) create mode 100644 pages/login.tsx create mode 100644 styles/Login.module.scss diff --git a/pages/login.tsx b/pages/login.tsx new file mode 100644 index 0000000..78e2e1b --- /dev/null +++ b/pages/login.tsx @@ -0,0 +1,33 @@ +import Head from "next/head"; + +import styles from "@/styles/Login.module.scss"; + +export default function Login() { + return <> + + Toxicity Bot + + + + + +
+

Login

+
+
+ +
+ Username + +
+
+ Password + +
+ + +
+
+
+ ; +} diff --git a/styles/Login.module.scss b/styles/Login.module.scss new file mode 100644 index 0000000..d9adfae --- /dev/null +++ b/styles/Login.module.scss @@ -0,0 +1,76 @@ +@import "mixins"; + +.container { + margin: auto; + + display: grid; + grid-template-rows: auto; + grid-template-columns: 1fr minmax(auto, 750px) 1fr; + grid-template-areas: + ". header ." + ". login ." + ". login ."; + gap: 30px; + width: 500px; +} + +.header { + grid-area: header; + margin-bottom: 0; + text-align: center; +} + + +.inputForm { + display: flex; + flex-direction: column; + gap: 10px; + box-sizing: border-box; + height: 100%; + + &__textarea { + flex-grow: 1; + box-sizing: border-box; + max-width: 750px; + resize: vertical; + } +} + +.login { + grid-area: login; +} + +.labeledInput { + display: flex; + flex-direction: row; + + & > .label { + text-align: center; + display: inline-block; + border: 1px solid white; + border-radius: 12px 0px 0px 12px; + background: var(--color-light); + background-image: $backgroundSurfaceOverlayInset; + padding: 5px; + color: var(--color-on-surface); + font-size: 1.2rem; + } + + & > input { + width: 100%; + transition: box-shadow 0.3s ease-in-out; + box-shadow: makeShadow($lightOffset: -5px, $shadowOffset: 4px, $isInset: true); + border: none; + border-radius: 0px 12px 12px 0px; + background: var(--color-surface); + background-image: $backgroundSurfaceOverlayInset; + padding: 5px; + color: var(--color-on-surface); + font-size: 1rem; + } + + &input:focus { + outline: none; + box-shadow: makeShadow($lightOffset: -2px, $shadowOffset: 2px, $isInset: true); + } +} From 6ad228276428d3dbd893184962270cafe50ec59a Mon Sep 17 00:00:00 2001 From: Eric Xu Date: Mon, 17 Apr 2023 18:44:33 -0400 Subject: [PATCH 3/4] Add semicolon --- pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/index.tsx b/pages/index.tsx index 2d365cd..b186905 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -98,7 +98,7 @@ export default function Home() { const fakeUserDefault = () => { setAllCategorySettings(FAKE_DEFAULT_CATEGORY_SETTINGS); - } + }; /* Automatically fetch the score based on the interval if the text changes. * Sets: scores, textFromLastUpdate From 817f9407719f3a02716b907b2e9d08a0827b166b Mon Sep 17 00:00:00 2001 From: Daniel Date: Mon, 17 Apr 2023 18:48:53 -0400 Subject: [PATCH 4/4] username header --- .htaccess | 0 pages/index.tsx | 5 +++++ public/profile.png | Bin 0 -> 21010 bytes styles/Home.module.scss | 17 +++++++++++++++++ 4 files changed, 22 insertions(+) create mode 100644 .htaccess create mode 100644 public/profile.png diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..e69de29 diff --git a/pages/index.tsx b/pages/index.tsx index d3c03e6..a5b8a11 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -138,6 +138,11 @@ export default function Home() {

Toxicity Bot

+
+

Taylor123

+ +
+
diff --git a/public/profile.png b/public/profile.png new file mode 100644 index 0000000000000000000000000000000000000000..803f37dc777657ba7113dc0381eceb3065b9aa64 GIT binary patch literal 21010 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 M(ecdN@AE7F2VIbP)&Kwi literal 0 HcmV?d00001 diff --git a/styles/Home.module.scss b/styles/Home.module.scss index c7b2d9d..c9c9fd5 100644 --- a/styles/Home.module.scss +++ b/styles/Home.module.scss @@ -11,12 +11,29 @@ gap: 30px; } +.login { + grid-area: account; + display: flex; + margin: 0; +} +.username { + margin-right: 20px; + margin-bottom: 5px; + margin-top: 8px; +} + .header { grid-area: header; margin-bottom: 0; text-align: center; } +.profilePic { + height: 50px; + width: 50px; + align-items: center; +} + .inputForm { display: flex; grid-area: input;