moaz_dw/misbar-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Moaz Dawalibi 2024-09-14 11:48:13 +03:00
parent 2fb9a217c2
commit 183be258b5
15 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -3,13 +3,17 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="apple-touch-icon" sizes="180x180" href="/App/Logo.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/App/Logo.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/App/Logo.png" />
<meta <meta
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<title>React-ts</title> <title>Misbar</title>
</head> </head>
<script type="module" src="/src/index.tsx"></script> <script type="module" src="/src/index.tsx"></script>

BIN
public/App/Logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

4
src/HighOrderComponent/WithDrawer.tsx
View File

@ -2,9 +2,9 @@ import React, { useState, ReactNode, ReactElement } from 'react';
import type { DrawerProps } from 'antd'; import type { DrawerProps } from 'antd';
import { Drawer, Space } from 'antd'; import { Drawer, Space } from 'antd';
interface WithDrawerProps { interface WithDrawerProps extends DrawerProps {
button: React.ReactNode; button: React.ReactNode;
children: (props: { closeDrawer: () => void }) => ReactElement; children: any;
title: string; title: string;
className?: string; className?: string;
width?: string; width?: string;

1
src/Layout/Footer.tsx
View File

@ -61,6 +61,7 @@ const Footer = ({data, isLoading}:THeaderPage) => {
<div className='contact_links_section'> <div className='contact_links_section'>
<FooterTItleWithSeparator title="Contact Us"/> <FooterTItleWithSeparator title="Contact Us"/>
<div className='media_container_info'> <div className='media_container_info'>
<div className='single_contact_info'> <div className='single_contact_info'>
<MediaButton isStatic={true} img={MdLocalPhone}/> <MediaButton isStatic={true} img={MdLocalPhone}/>
<ContactInfo <ContactInfo

4
src/Layout/app/Header.tsx
View File

@ -12,7 +12,9 @@ const Header = ({data, isLoading}:THeaderPage) => {
<div className='header_container'> <div className='header_container'>
<div className='image_container'> <div className='image_container'>
{ isLoading ? <Spinner/> :
{
isLoading ? <Spinner/> :
<img src={BaseURL_IMAGE + Logo?.value} alt='Misbar Logo' width={65}/> <img src={BaseURL_IMAGE + Logo?.value} alt='Misbar Logo' width={65}/>
} }
</div> </div>

2
src/Layout/app/Layout.tsx
View File

@ -4,7 +4,9 @@ import Footer from '../Footer';
import { useFetchData } from '../../Hooks/useFetchData'; import { useFetchData } from '../../Hooks/useFetchData';
const Layout = (({ children, className = "" }: { children: React.ReactNode, className?: string }) => { const Layout = (({ children, className = "" }: { children: React.ReactNode, className?: string }) => {
const { data, isLoading } = useFetchData('api/home'); const { data, isLoading } = useFetchData('api/home');
return ( return (
<div className='Layout'> <div className='Layout'>
<Header data={data} isLoading={isLoading} /> <Header data={data} isLoading={isLoading} />

3
src/api/config.ts
View File

@ -1,3 +1,4 @@
export const BaseURL = `http://127.0.0.1:8000/` // export const BaseURL = `http://127.0.0.1:8000/`
export const BaseURL = `http://misbar-back.point-dev.net/`
export const BaseURL_IMAGE = BaseURL.slice(0,-1); export const BaseURL_IMAGE = BaseURL.slice(0,-1);

1
src/type/HeaderLinks.ts
View File

@ -4,5 +4,4 @@ interface HedaerLinksProps {
icon:any, icon:any,
isOnlyDrawer?:boolean, isOnlyDrawer?:boolean,
closeDrawer?: () => void; closeDrawer?: () => void;
} }

2
src/type/app.ts
View File

@ -19,7 +19,7 @@ export type THeaderLink = {
isMulti?:boolean, isMulti?:boolean,
extraText?:string, extraText?:string,
extraLink?:string, extraLink?:string,
}; };
export type THeaderPage = { export type THeaderPage = {
isHaveHeader?: boolean; isHaveHeader?: boolean;

1
tsconfig.json
View File

@ -23,7 +23,6 @@
"include": [ "include": [
"src", "src",
"**/*.ts", "**/*.ts",
"src/Components/Theme2.tsx",
"src/auto-imports.d.ts" // Include the auto-imports.d.ts file here "src/auto-imports.d.ts" // Include the auto-imports.d.ts file here
] ]
} }