Commit 4ef7eaf3 authored by Grant's avatar Grant
Browse files

add mobile templating buttons (fixes #48)

parent bf9e93cd

packages/client/src/components/CanvasWrapper.tsx

+1 −1
Original line number Diff line number Diff line
@@ -6,7 +6,7 @@ import { RendererContext } from "@sc07-canvas/lib/src/renderer/RendererContext"; 
import { ViewportMoveEvent } from "@sc07-canvas/lib/src/renderer/PanZoom";

import throttle from "lodash.throttle";

import { IPosition } from "@sc07-canvas/lib/src/net";

import { Template } from "./Template";

import { Template } from "./Templating/Template";

import { IRouterData, Router } from "../lib/router";

import { KeybindManager } from "../lib/keybinds";

import { BlankOverlay } from "./Overlay/BlankOverlay";

packages/client/src/components/Settings/TemplateSettings.tsx

+9 −0
Original line number Diff line number Diff line
@@ -15,6 +15,8 @@ export const TemplateSettings = () => { 
    setY,

    opacity,

    setOpacity,

    showMobileTools,

    setShowMobileTools,

  } = useTemplateContext();



  return (
@@ -68,6 +70,13 @@ export const TemplateSettings = () => { 
          onChange={(v) => setOpacity(v as number)}

          getValue={(v) => v + "%"}

        />

        <Switch

          className="md:hidden"

          isSelected={showMobileTools}

          onValueChange={setShowMobileTools}

        >

          Show Mobile Tools

        </Switch>

      </section>

    </>

  );

packages/client/src/components/Templating/MobileTemplateButtons.tsx

0 → 100644
+18 −0
Original line number Diff line number Diff line 
import { Switch } from "@nextui-org/react";

import { useTemplateContext } from "../../contexts/TemplateContext";



export const MobileTemplateButtons = () => {

  const { enable, setEnable, url } = useTemplateContext();



  return (

    <div className="md:hidden toolbar-box top-[-10px] right-[10px]">

      {url && (

        <div className="md:hidden rounded-xl bg-gray-300 p-2">

          <Switch isSelected={enable} onValueChange={setEnable}>

            Template

          </Switch>

        </div>

      )}

    </div>

  );

};

packages/client/src/components/Template.tsx→packages/client/src/components/Templating/Template.tsx

+4 −4
Original line number Diff line number Diff line 
import { useEffect, useRef } from "react";

import { Template as TemplateCl } from "../lib/template";

import { useAppContext } from "../contexts/AppContext";

import { useTemplateContext } from "../contexts/TemplateContext";

import { Canvas } from "../lib/canvas";

import { Template as TemplateCl } from "../../lib/template";

import { useAppContext } from "../../contexts/AppContext";

import { useTemplateContext } from "../../contexts/TemplateContext";

import { Canvas } from "../../lib/canvas";



export const Template = () => {

  const { config } = useAppContext();