From 9ec5a022520aa3a2d1e18b4e3b4056f2ff5dcd35 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Mon, 4 Aug 2025 17:17:48 +0200 Subject: feat: layout guide for tiktok --- apps/web/src/components/icons.tsx | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) (limited to 'apps/web/src/components/icons.tsx') diff --git a/apps/web/src/components/icons.tsx b/apps/web/src/components/icons.tsx index 43f953e8..35ee2826 100644 --- a/apps/web/src/components/icons.tsx +++ b/apps/web/src/components/icons.tsx @@ -163,3 +163,33 @@ export function DataBuddyIcon({ ); } + +export function SocialsIcon({ + className = "", + size = 32, +}: { + className?: string; + size?: number; +}) { + return ( + + + + + + + + + + + + + ); +} -- cgit v1.3.1 From f8724851fd547b212fcb5f357c911564f7b8240b Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Tue, 5 Aug 2025 15:03:38 +0200 Subject: style: re-design export button (design credit: @AdamBartas on twitter) --- apps/web/src/components/editor-header.tsx | 41 ++++++++++++++++++++----------- apps/web/src/components/icons.tsx | 38 ++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+), 15 deletions(-) (limited to 'apps/web/src/components/icons.tsx') diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx index d2333417..3a7ee3a0 100644 --- a/apps/web/src/components/editor-header.tsx +++ b/apps/web/src/components/editor-header.tsx @@ -29,6 +29,7 @@ import { useRouter } from "next/navigation"; import { FaDiscord } from "react-icons/fa6"; import { useTheme } from "next-themes"; import { usePlaybackStore } from "@/stores/playback-store"; +import { TransitionUpIcon } from "./icons"; export function EditorHeader() { const { getTotalDuration } = useTimelineStore(); @@ -39,13 +40,6 @@ export function EditorHeader() { const router = useRouter(); const { theme, setTheme } = useTheme(); - const handleExport = () => { - // TODO: Implement export functionality - // NOTE: This is already being worked on - console.log("Export project"); - window.open("https://youtube.com/watch?v=dQw4w9WgXcQ", "_blank"); - }; - const handleNameSave = async (newName: string) => { console.log("handleNameSave", newName); if (activeProject && newName.trim() && newName !== activeProject.name) { @@ -148,14 +142,7 @@ export function EditorHeader() { const rightContent = (