hotfix: mobile create button
This commit is contained in:
678
repomix-output.xml
Normal file
678
repomix-output.xml
Normal file
@@ -0,0 +1,678 @@
|
|||||||
|
This file is a merged representation of a subset of the codebase, containing files not matching ignore patterns, combined into a single document by Repomix.
|
||||||
|
|
||||||
|
<file_summary>
|
||||||
|
This section contains a summary of this file.
|
||||||
|
|
||||||
|
<purpose>
|
||||||
|
This file contains a packed representation of the entire repository's contents.
|
||||||
|
It is designed to be easily consumable by AI systems for analysis, code review,
|
||||||
|
or other automated processes.
|
||||||
|
</purpose>
|
||||||
|
|
||||||
|
<file_format>
|
||||||
|
The content is organized as follows:
|
||||||
|
1. This summary section
|
||||||
|
2. Repository information
|
||||||
|
3. Directory structure
|
||||||
|
4. Repository files, each consisting of:
|
||||||
|
- File path as an attribute
|
||||||
|
- Full contents of the file
|
||||||
|
</file_format>
|
||||||
|
|
||||||
|
<usage_guidelines>
|
||||||
|
- This file should be treated as read-only. Any changes should be made to the
|
||||||
|
original repository files, not this packed version.
|
||||||
|
- When processing this file, use the file path to distinguish
|
||||||
|
between different files in the repository.
|
||||||
|
- Be aware that this file may contain sensitive information. Handle it with
|
||||||
|
the same level of security as you would the original repository.
|
||||||
|
</usage_guidelines>
|
||||||
|
|
||||||
|
<notes>
|
||||||
|
- Some files may have been excluded based on .gitignore rules and Repomix's configuration
|
||||||
|
- Binary files are not included in this packed representation. Please refer to the Repository Structure section for a complete list of file paths, including binary files
|
||||||
|
- Files matching these patterns are excluded: bun.lock, node_modules/, .vscode/
|
||||||
|
- Files matching patterns in .gitignore are excluded
|
||||||
|
- Files matching default ignore patterns are excluded
|
||||||
|
- Files are sorted by Git change count (files with more changes are at the bottom)
|
||||||
|
</notes>
|
||||||
|
|
||||||
|
<additional_info>
|
||||||
|
|
||||||
|
</additional_info>
|
||||||
|
|
||||||
|
</file_summary>
|
||||||
|
|
||||||
|
<directory_structure>
|
||||||
|
public/
|
||||||
|
vite.svg
|
||||||
|
src/
|
||||||
|
assets/
|
||||||
|
preact.svg
|
||||||
|
components/
|
||||||
|
ui/
|
||||||
|
Button.module.scss
|
||||||
|
Button.tsx
|
||||||
|
Input.module.scss
|
||||||
|
Input.tsx
|
||||||
|
layout.tsx
|
||||||
|
menu.module.scss
|
||||||
|
menu.tsx
|
||||||
|
pages/
|
||||||
|
login.module.scss
|
||||||
|
login.tsx
|
||||||
|
profile.module.scss
|
||||||
|
profile.tsx
|
||||||
|
providers/
|
||||||
|
AuthProvider.tsx
|
||||||
|
utils/
|
||||||
|
class-merge.ts
|
||||||
|
app.module.scss
|
||||||
|
app.tsx
|
||||||
|
index.scss
|
||||||
|
main.tsx
|
||||||
|
vite-env.d.ts
|
||||||
|
.gitattributes
|
||||||
|
.gitignore
|
||||||
|
.prettierrc
|
||||||
|
eslint.config.mjs
|
||||||
|
index.html
|
||||||
|
package.json
|
||||||
|
postcss.config.mts
|
||||||
|
tsconfig.app.json
|
||||||
|
tsconfig.json
|
||||||
|
tsconfig.node.json
|
||||||
|
vite.config.ts
|
||||||
|
</directory_structure>
|
||||||
|
|
||||||
|
<files>
|
||||||
|
This section contains the contents of the repository's files.
|
||||||
|
|
||||||
|
<file path="src/providers/AuthProvider.tsx">
|
||||||
|
import { signal, Signal } from "@preact/signals";
|
||||||
|
import { createContext, JSX } from "preact";
|
||||||
|
import { useContext } from "preact/hooks";
|
||||||
|
|
||||||
|
interface AppContextValue {
|
||||||
|
isLoggedIn: Signal<boolean>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const AppContext = createContext<AppContextValue>({
|
||||||
|
isLoggedIn: signal(false),
|
||||||
|
});
|
||||||
|
|
||||||
|
const AppProvider = ({ children }: { children: JSX.Element }) => {
|
||||||
|
const value: AppContextValue = {
|
||||||
|
isLoggedIn: signal(false),
|
||||||
|
};
|
||||||
|
|
||||||
|
return <AppContext.Provider value={value}>{children}</AppContext.Provider>;
|
||||||
|
};
|
||||||
|
|
||||||
|
const useAppContext = () => {
|
||||||
|
const context = useContext(AppContext);
|
||||||
|
if (!context) {
|
||||||
|
throw new Error("useAppContext must be used within AppProvider");
|
||||||
|
}
|
||||||
|
return context;
|
||||||
|
};
|
||||||
|
|
||||||
|
export { AppProvider, useAppContext };
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="public/vite.svg">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/assets/preact.svg">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="27.68" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 296"><path fill="#673AB8" d="m128 0l128 73.9v147.8l-128 73.9L0 221.7V73.9z"></path><path fill="#FFF" d="M34.865 220.478c17.016 21.78 71.095 5.185 122.15-34.704c51.055-39.888 80.24-88.345 63.224-110.126c-17.017-21.78-71.095-5.184-122.15 34.704c-51.055 39.89-80.24 88.346-63.224 110.126Zm7.27-5.68c-5.644-7.222-3.178-21.402 7.573-39.253c11.322-18.797 30.541-39.548 54.06-57.923c23.52-18.375 48.303-32.004 69.281-38.442c19.922-6.113 34.277-5.075 39.92 2.148c5.644 7.223 3.178 21.403-7.573 39.254c-11.322 18.797-30.541 39.547-54.06 57.923c-23.52 18.375-48.304 32.004-69.281 38.441c-19.922 6.114-34.277 5.076-39.92-2.147Z"></path><path fill="#FFF" d="M220.239 220.478c17.017-21.78-12.169-70.237-63.224-110.126C105.96 70.464 51.88 53.868 34.865 75.648c-17.017 21.78 12.169 70.238 63.224 110.126c51.055 39.889 105.133 56.485 122.15 34.704Zm-7.27-5.68c-5.643 7.224-19.998 8.262-39.92 2.148c-20.978-6.437-45.761-20.066-69.28-38.441c-23.52-18.376-42.74-39.126-54.06-57.923c-10.752-17.851-13.218-32.03-7.575-39.254c5.644-7.223 19.999-8.261 39.92-2.148c20.978 6.438 45.762 20.067 69.281 38.442c23.52 18.375 42.739 39.126 54.06 57.923c10.752 17.85 13.218 32.03 7.574 39.254Z"></path><path fill="#FFF" d="M127.552 167.667c10.827 0 19.603-8.777 19.603-19.604c0-10.826-8.776-19.603-19.603-19.603c-10.827 0-19.604 8.777-19.604 19.603c0 10.827 8.777 19.604 19.604 19.604Z"></path></svg>
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/layout.tsx">
|
||||||
|
import { useAppContext } from "@/providers/AuthProvider";
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { Route, Router, useLocation } from "preact-iso";
|
||||||
|
import { useEffect } from "preact/hooks";
|
||||||
|
import Menu from "./menu";
|
||||||
|
|
||||||
|
const Layout: FunctionComponent = () => {
|
||||||
|
const { isLoggedIn } = useAppContext();
|
||||||
|
const location = useLocation();
|
||||||
|
useEffect(() => {
|
||||||
|
console.log(isLoggedIn.value);
|
||||||
|
}, [isLoggedIn]);
|
||||||
|
return (
|
||||||
|
<div class="flex min-w-screen flex-row justify-between">
|
||||||
|
<div class="w-full overflow-x-auto">
|
||||||
|
<Router>
|
||||||
|
<Route
|
||||||
|
path="/"
|
||||||
|
component={() => {
|
||||||
|
// location.route("/settings");
|
||||||
|
return <h1>Home</h1>;
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<Route path="/settings" component={() => <h1>Test</h1>} />
|
||||||
|
<Route path="/tasks" component={() => <h1>Test2</h1>} />
|
||||||
|
<Route default component={() => <h1>404</h1>} />
|
||||||
|
</Router>
|
||||||
|
</div>
|
||||||
|
<Menu />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Layout;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/pages/profile.module.scss">
|
||||||
|
@reference "../index.scss";
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/pages/profile.tsx">
|
||||||
|
import Layout from "@/components/layout";
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
|
||||||
|
const ProfilePage: FunctionComponent = () => {
|
||||||
|
return <Layout />;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ProfilePage;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/utils/class-merge.ts">
|
||||||
|
import { ClassValue, clsx } from "clsx";
|
||||||
|
import { twMerge } from "tailwind-merge";
|
||||||
|
|
||||||
|
export function cn(...inputs: ClassValue[]) {
|
||||||
|
return twMerge(clsx(...inputs));
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/app.module.scss">
|
||||||
|
@reference "./index.scss";
|
||||||
|
|
||||||
|
.text {
|
||||||
|
@apply text-9xl text-red-500;
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/main.tsx">
|
||||||
|
import { render } from "preact";
|
||||||
|
import { App } from "./app.tsx";
|
||||||
|
import "./index.scss";
|
||||||
|
|
||||||
|
render(<App />, document.getElementById("app")!);
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/vite-env.d.ts">
|
||||||
|
/// <reference types="vite/client" />
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path=".gitattributes">
|
||||||
|
* text=auto
|
||||||
|
bun.lock binary
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path=".gitignore">
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
!.vscode/settings.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="eslint.config.mjs">
|
||||||
|
// @ts-check
|
||||||
|
|
||||||
|
import eslint from "@eslint/js";
|
||||||
|
import tseslint from "typescript-eslint";
|
||||||
|
|
||||||
|
export default tseslint.config({
|
||||||
|
extends: [eslint.configs.recommended, tseslint.configs.recommended],
|
||||||
|
ignores: ["*.d.ts"],
|
||||||
|
languageOptions: {
|
||||||
|
ecmaVersion: "latest",
|
||||||
|
sourceType: "module",
|
||||||
|
parserOptions: { ecmaFeatures: { jsx: true } },
|
||||||
|
},
|
||||||
|
settings: {
|
||||||
|
env: {
|
||||||
|
browser: true,
|
||||||
|
es6: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="postcss.config.mts">
|
||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
"@tailwindcss/postcss": {},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="tsconfig.app.json">
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||||
|
"target": "ES2020",
|
||||||
|
"useDefineForClassFields": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"lib": [
|
||||||
|
"ES2020",
|
||||||
|
"DOM",
|
||||||
|
"DOM.Iterable"
|
||||||
|
],
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"paths": {
|
||||||
|
"react": [
|
||||||
|
"./node_modules/preact/compat/"
|
||||||
|
],
|
||||||
|
"react-dom": [
|
||||||
|
"./node_modules/preact/compat/"
|
||||||
|
],
|
||||||
|
"@/*": [
|
||||||
|
"./src/*"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
/* Bundler mode */
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"moduleDetection": "force",
|
||||||
|
"noEmit": true,
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"jsxImportSource": "preact",
|
||||||
|
/* Linting */
|
||||||
|
"strict": true,
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
|
"noUncheckedSideEffectImports": true
|
||||||
|
},
|
||||||
|
"include": [
|
||||||
|
"src"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="tsconfig.json">
|
||||||
|
{
|
||||||
|
"files": [],
|
||||||
|
"references": [
|
||||||
|
{ "path": "./tsconfig.app.json" },
|
||||||
|
{ "path": "./tsconfig.node.json" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="tsconfig.node.json">
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||||
|
"target": "ES2022",
|
||||||
|
"lib": ["ES2023"],
|
||||||
|
"module": "ESNext",
|
||||||
|
"skipLibCheck": true,
|
||||||
|
|
||||||
|
/* Bundler mode */
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"moduleDetection": "force",
|
||||||
|
"noEmit": true,
|
||||||
|
|
||||||
|
/* Linting */
|
||||||
|
"strict": true,
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"noFallthroughCasesInSwitch": true,
|
||||||
|
"noUncheckedSideEffectImports": true
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="vite.config.ts">
|
||||||
|
import preact from '@preact/preset-vite';
|
||||||
|
import tailwindcss from '@tailwindcss/vite';
|
||||||
|
import { defineConfig } from 'vite';
|
||||||
|
import tsConfigPaths from 'vite-tsconfig-paths';
|
||||||
|
|
||||||
|
// https://vite.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [preact(), tailwindcss(), tsConfigPaths()],
|
||||||
|
});
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/ui/Button.module.scss">
|
||||||
|
@reference '../../index.scss';
|
||||||
|
|
||||||
|
.button {
|
||||||
|
@apply rounded-2xl border-2 py-3 font-semibold text-white transition-colors hover:cursor-pointer;
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/ui/Button.tsx">
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { tv } from "tailwind-variants";
|
||||||
|
import classes from "./Button.module.scss";
|
||||||
|
const button = tv({
|
||||||
|
base: classes.button,
|
||||||
|
variants: {
|
||||||
|
color: {
|
||||||
|
primary: "bg-blue-400 hover:bg-blue-500",
|
||||||
|
secondary: "bg-red-400 hover:bg-red-500",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const Button: FunctionComponent<{ onClick: () => void }> = (props) => {
|
||||||
|
return (
|
||||||
|
<button type="button" class={button({ color: "primary" })} onClick={props.onClick}>
|
||||||
|
{props.children}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Button;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/ui/Input.tsx">
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { tv } from "tailwind-variants";
|
||||||
|
import classes from "./Input.module.scss";
|
||||||
|
|
||||||
|
const input = tv({
|
||||||
|
base: classes.input_field,
|
||||||
|
variants: {
|
||||||
|
"text-align": {
|
||||||
|
center: "text-center",
|
||||||
|
left: "text-left",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
defaultVariants: {
|
||||||
|
"text-align": "left",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
interface InputProps {
|
||||||
|
isPassword?: boolean;
|
||||||
|
placeholder?: string;
|
||||||
|
textAlign?: "center" | "left";
|
||||||
|
}
|
||||||
|
|
||||||
|
const Input: FunctionComponent<InputProps> = ({ isPassword = false, placeholder = "", textAlign }: InputProps) => {
|
||||||
|
return (
|
||||||
|
<input
|
||||||
|
type={isPassword ? "password" : "text"}
|
||||||
|
class={input({ "text-align": textAlign })}
|
||||||
|
placeholder={placeholder}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Input;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/menu.module.scss">
|
||||||
|
@reference "../index.scss";
|
||||||
|
|
||||||
|
.menu_container {
|
||||||
|
@apply flex min-h-8 min-w-screen flex-col items-center gap-4 border-l border-l-gray-500 px-5 pt-5 md:min-h-screen md:min-w-[300px];
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu_item {
|
||||||
|
@apply w-full cursor-pointer rounded-md px-6 py-2 text-center hover:bg-gray-200;
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/menu.tsx">
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { useLocation } from "preact-iso";
|
||||||
|
import { tv } from "tailwind-variants";
|
||||||
|
import classes from "./menu.module.scss";
|
||||||
|
|
||||||
|
interface MenuItemProps {
|
||||||
|
title: string;
|
||||||
|
link: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const MenuItem: FunctionComponent<MenuItemProps> = ({ title, link }: MenuItemProps) => {
|
||||||
|
const location = useLocation();
|
||||||
|
const active = location.path === link;
|
||||||
|
const menuItemClasses = tv({
|
||||||
|
base: classes.menu_item,
|
||||||
|
variants: {
|
||||||
|
activity: {
|
||||||
|
active: "bg-gray-200",
|
||||||
|
inactive: "bg-gray-100",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
defaultVariants: {
|
||||||
|
activity: "inactive",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<div class={menuItemClasses({ activity: active ? "active" : "inactive" })} onClick={() => location.route(link)}>
|
||||||
|
{title}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
interface MenuItems {
|
||||||
|
title: string;
|
||||||
|
link: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const Menu: FunctionComponent = () => {
|
||||||
|
const menu_items: MenuItems[] = [
|
||||||
|
{
|
||||||
|
title: "Профиль",
|
||||||
|
link: "/profile",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Задачи",
|
||||||
|
link: "/tasks",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Календарь",
|
||||||
|
link: "/calendar",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<div class={classes.menu_container}>
|
||||||
|
{menu_items.map(({ title, link }) => (
|
||||||
|
<MenuItem title={title} link={link} />
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Menu;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/pages/login.module.scss">
|
||||||
|
@reference "../index.scss";
|
||||||
|
|
||||||
|
.login_container {
|
||||||
|
@apply flex min-h-screen flex-col items-center justify-center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login_card {
|
||||||
|
@apply flex w-[95%] min-w-[300px] flex-col justify-center gap-2 rounded-md border-gray-400 p-5 shadow-md md:w-[350px];
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/pages/login.tsx">
|
||||||
|
import Button from "@/components/ui/Button";
|
||||||
|
import Input from "@/components/ui/Input";
|
||||||
|
import { useAppContext } from "@/providers/AuthProvider";
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { useLocation } from "preact-iso";
|
||||||
|
import classes from "./login.module.scss";
|
||||||
|
const LoginPage: FunctionComponent = () => {
|
||||||
|
const { isLoggedIn } = useAppContext();
|
||||||
|
const location = useLocation();
|
||||||
|
return (
|
||||||
|
<div class={classes.login_container}>
|
||||||
|
<div class={classes.login_card}>
|
||||||
|
<Input placeholder="Login" textAlign="center" />
|
||||||
|
<Input isPassword placeholder="Password" textAlign="center" />
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
isLoggedIn.value = true;
|
||||||
|
location.route("/profile/settings");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Login
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LoginPage;
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/index.scss">
|
||||||
|
@import "tailwindcss";
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||||
|
:root {
|
||||||
|
font-family: "Montserrat", sans-serif;
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="index.html">
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Антихвост</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.tsx"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/components/ui/Input.module.scss">
|
||||||
|
@reference "../../index.scss";
|
||||||
|
|
||||||
|
.input_field {
|
||||||
|
@apply rounded-md border border-gray-300 p-2 placeholder:transition focus:outline-0 focus:placeholder:opacity-25;
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="src/app.tsx">
|
||||||
|
import { FunctionComponent } from "preact";
|
||||||
|
import { ErrorBoundary, lazy, LocationProvider, Route, Router, useLocation } from "preact-iso";
|
||||||
|
import "preact/debug";
|
||||||
|
import LoginPage from "./pages/login";
|
||||||
|
import { AppProvider } from "./providers/AuthProvider";
|
||||||
|
|
||||||
|
const HomePage: FunctionComponent = () => {
|
||||||
|
const location = useLocation();
|
||||||
|
location.route("/login");
|
||||||
|
return <div>Redirecting to login...</div>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export function App() {
|
||||||
|
return (
|
||||||
|
<AppProvider>
|
||||||
|
<LocationProvider>
|
||||||
|
<ErrorBoundary>
|
||||||
|
<Router>
|
||||||
|
<Route path="/" component={HomePage} />
|
||||||
|
<Route path="/login" component={LoginPage} />
|
||||||
|
<Route path="/profile/*" component={lazy(() => import("./pages/profile"))} />
|
||||||
|
</Router>
|
||||||
|
</ErrorBoundary>
|
||||||
|
</LocationProvider>
|
||||||
|
</AppProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path=".prettierrc">
|
||||||
|
{
|
||||||
|
"tabWidth": 2,
|
||||||
|
"printWidth": 120,
|
||||||
|
"arrowParens": "always",
|
||||||
|
"singleQuote": false,
|
||||||
|
"trailingComma": "es5",
|
||||||
|
"useTabs": false,
|
||||||
|
"semi": true,
|
||||||
|
"bracketSpacing": true,
|
||||||
|
"plugins": ["prettier-plugin-tailwindcss"],
|
||||||
|
"tailwindFunctions": ["tv"]
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
<file path="package.json">
|
||||||
|
{
|
||||||
|
"name": "anti-hvost",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "tsc -b && vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@preact/signals": "^2.0.2",
|
||||||
|
"@tailwindcss/postcss": "^4.0.17",
|
||||||
|
"@tailwindcss/vite": "^4.0.17",
|
||||||
|
"clsx": "^2.1.1",
|
||||||
|
"postcss": "^8.5.3",
|
||||||
|
"preact": "^10.26.2",
|
||||||
|
"preact-iso": "^2.9.1",
|
||||||
|
"tailwind-merge": "^3.0.2",
|
||||||
|
"tailwind-variants": "^1.0.0",
|
||||||
|
"tailwindcss": "^4.0.17"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@eslint/js": "^9.23.0",
|
||||||
|
"@preact/preset-vite": "^2.10.1",
|
||||||
|
"@typescript-eslint/parser": "^8.28.0",
|
||||||
|
"eslint": "^9.23.0",
|
||||||
|
"eslint-config-prettier": "^10.1.1",
|
||||||
|
"prettier": "^3.5.3",
|
||||||
|
"prettier-eslint": "^16.3.0",
|
||||||
|
"prettier-plugin-tailwindcss": "^0.6.11",
|
||||||
|
"sass-embedded": "^1.86.0",
|
||||||
|
"typescript": "~5.7.2",
|
||||||
|
"typescript-eslint": "^8.28.0",
|
||||||
|
"vite": "^6.2.0",
|
||||||
|
"vite-tsconfig-paths": "^5.1.4"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</file>
|
||||||
|
|
||||||
|
</files>
|
||||||
@@ -3,6 +3,7 @@ import Task from "@/components/task";
|
|||||||
import ModalCalendar from "@/components/ModalCalendar";
|
import ModalCalendar from "@/components/ModalCalendar";
|
||||||
import ModalTags, { ITags } from "@/components/ModalTags";
|
import ModalTags, { ITags } from "@/components/ModalTags";
|
||||||
import Button from "@/components/ui/Button";
|
import Button from "@/components/ui/Button";
|
||||||
|
import Dialog from "@/components/ui/Dialog";
|
||||||
import ModalWindow from "@/components/ui/Modal";
|
import ModalWindow from "@/components/ui/Modal";
|
||||||
import { withTitle } from "@/constructors/Component";
|
import { withTitle } from "@/constructors/Component";
|
||||||
import { UrlsTitle } from "@/enums/urls";
|
import { UrlsTitle } from "@/enums/urls";
|
||||||
@@ -26,7 +27,6 @@ import { SubmitHandler, useForm } from "react-hook-form";
|
|||||||
import { v4 as uuid } from "uuid";
|
import { v4 as uuid } from "uuid";
|
||||||
import { ITask, ITaskForm } from "./profile_tasks.dto";
|
import { ITask, ITaskForm } from "./profile_tasks.dto";
|
||||||
import classes from "./profile_tasks.module.scss";
|
import classes from "./profile_tasks.module.scss";
|
||||||
import Dialog from "@/components/ui/Dialog";
|
|
||||||
|
|
||||||
const example_tags: { first: string[]; second: string[] } = {
|
const example_tags: { first: string[]; second: string[] } = {
|
||||||
first: ["Программирование", "Информатика", "Физика", "Математика"],
|
first: ["Программирование", "Информатика", "Физика", "Математика"],
|
||||||
@@ -127,7 +127,7 @@ const ProfileTasks: FunctionComponent = () => {
|
|||||||
future: [] as { date: Date; tasks: ITask[] }[],
|
future: [] as { date: Date; tasks: ITask[] }[],
|
||||||
};
|
};
|
||||||
|
|
||||||
tasks.forEach(task => {
|
tasks.forEach((task) => {
|
||||||
const taskDate = new Date(task.date);
|
const taskDate = new Date(task.date);
|
||||||
taskDate.setHours(0, 0, 0, 0);
|
taskDate.setHours(0, 0, 0, 0);
|
||||||
|
|
||||||
@@ -136,9 +136,7 @@ const ProfileTasks: FunctionComponent = () => {
|
|||||||
} else if (taskDate.getTime() === tomorrow.getTime()) {
|
} else if (taskDate.getTime() === tomorrow.getTime()) {
|
||||||
groupedTasks.tomorrow.push(task);
|
groupedTasks.tomorrow.push(task);
|
||||||
} else if (taskDate > tomorrow) {
|
} else if (taskDate > tomorrow) {
|
||||||
const existingGroup = groupedTasks.future.find(group =>
|
const existingGroup = groupedTasks.future.find((group) => group.date.getTime() === taskDate.getTime());
|
||||||
group.date.getTime() === taskDate.getTime()
|
|
||||||
);
|
|
||||||
|
|
||||||
if (existingGroup) {
|
if (existingGroup) {
|
||||||
existingGroup.tasks.push(task);
|
existingGroup.tasks.push(task);
|
||||||
@@ -152,7 +150,7 @@ const ProfileTasks: FunctionComponent = () => {
|
|||||||
groupedTasks.today.sort((a, b) => a.date.getTime() - b.date.getTime());
|
groupedTasks.today.sort((a, b) => a.date.getTime() - b.date.getTime());
|
||||||
groupedTasks.tomorrow.sort((a, b) => a.date.getTime() - b.date.getTime());
|
groupedTasks.tomorrow.sort((a, b) => a.date.getTime() - b.date.getTime());
|
||||||
groupedTasks.future.sort((a, b) => a.date.getTime() - b.date.getTime());
|
groupedTasks.future.sort((a, b) => a.date.getTime() - b.date.getTime());
|
||||||
groupedTasks.future.forEach(group => {
|
groupedTasks.future.forEach((group) => {
|
||||||
group.tasks.sort((a, b) => a.date.getTime() - b.date.getTime());
|
group.tasks.sort((a, b) => a.date.getTime() - b.date.getTime());
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -163,7 +161,7 @@ const ProfileTasks: FunctionComponent = () => {
|
|||||||
return new Intl.DateTimeFormat("ru-RU", {
|
return new Intl.DateTimeFormat("ru-RU", {
|
||||||
day: "numeric",
|
day: "numeric",
|
||||||
month: "long",
|
month: "long",
|
||||||
year: "numeric"
|
year: "numeric",
|
||||||
}).format(date);
|
}).format(date);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -483,7 +481,7 @@ const ProfileTasks: FunctionComponent = () => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<div class="flex w-full flex-1 flex-col items-center justify-center text-2xl">Начни уже сегодня!</div>
|
<div class="flex w-full flex-1 flex-col items-center justify-center text-2xl">Начни уже сегодня!</div>
|
||||||
<div class="fixed right-[22rem] bottom-4 hidden flex-row items-center justify-start overflow-x-hidden py-2 md:flex">
|
<div class="group fixed right-1 bottom-16 flex flex-row items-center justify-start space-x-3 overflow-x-hidden py-2 md:right-[22rem] md:bottom-4">
|
||||||
<div
|
<div
|
||||||
class="flex aspect-square h-20 cursor-pointer items-center justify-center rounded-full bg-[rgb(251,194,199,0.53)] text-9xl text-white shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] transition-all duration-300 ease-out hover:bg-[rgb(251,194,199,0.7)]"
|
class="flex aspect-square h-20 cursor-pointer items-center justify-center rounded-full bg-[rgb(251,194,199,0.53)] text-9xl text-white shadow-[0px_4px_4px_0px_rgba(0,0,0,0.25)] transition-all duration-300 ease-out hover:bg-[rgb(251,194,199,0.7)]"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user