From 1522962edd84f98d8b1b115f3abcb09cf1f31cd6 Mon Sep 17 00:00:00 2001 From: Sebastian Seedorf Date: Tue, 16 Aug 2022 22:03:36 +0200 Subject: [PATCH] Added drag to scroll container --- components/home/GroupBox/GroupBox.tsx | 4 ++- .../ScrollContainer.module.css | 10 +++++++ .../ScrollContainer/ScrollContainer.tsx | 25 ++++++++++++++++++ package.json | 1 + pages/index.tsx | 4 --- pages/visualize/[name].tsx | 26 ++++++++++++------- pages/visualize/index.tsx | 26 +++++++++---------- src/utils.ts | 4 +++ styles/globals.css | 5 ++-- yarn.lock | 21 ++++++++++++++- 10 files changed, 96 insertions(+), 30 deletions(-) create mode 100644 components/shared/ScrollContainer/ScrollContainer.module.css create mode 100644 components/shared/ScrollContainer/ScrollContainer.tsx diff --git a/components/home/GroupBox/GroupBox.tsx b/components/home/GroupBox/GroupBox.tsx index 4214951..a80739a 100644 --- a/components/home/GroupBox/GroupBox.tsx +++ b/components/home/GroupBox/GroupBox.tsx @@ -6,7 +6,8 @@ import styles from "./GroupBox.module.css" import {EntitySpan} from "../EntitySpan/EntitySpan"; import {useGroups} from "../../contexts/GroupProvider"; import {calculateInputs} from "../../../src/calculateInputs"; -import {uniquify} from "../../../src/utils"; +import {fixedEncodeURIComponent, uniquify} from "../../../src/utils"; +import Link from "next/link"; interface Props { group: Group @@ -81,6 +82,7 @@ const GroupBoxBase: FC = ({ group }) => { > {name} + 👁