muhammadawaisshaikh

import { useQuery } from '@apollo/client';
import { Link } from 'react-router-dom';
import { ALL_FILMS_QUERY } from '../queries/films';

const AllFilms: React.FC<any> = () => {
    const { data, loading, error } = useQuery(ALL_FILMS_QUERY);

    if (loading) return "Loading...";
    if (error) return <pre>{error.message}</pre>

muhammadawaisshaikh

// empty file 

muhammadawaisshaikh

@mixin scroll-menu($width, $height, $padding, $margin, $background, $color) {
    background-color: $background;
    overflow: auto;
    white-space: nowrap;
    .item {
        display: inline-block;
        color: $color;
        text-align: center;
        padding: $padding;
        margin: $margin;

muhammadawaisshaikh

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LocationService {

  constructor() { }

// getting lat,lng - once

muhammadawaisshaikh

// POST

createCategory() {
  let data = {
    name: this.programForm.value.categoryName
  }

  let request = this.api.post(this.config.collections.categories_table, data);

  request.then(() => {

muhammadawaisshaikh

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';

...

// for token interceptor 
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { LoaderInterceptorService } from './core/interceptors/loader-interceptor/loader-interceptor.service';

muhammadawaisshaikh

<div nz-row nzType="flex">
						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<p>*Sales Areas</p>
						</div>

						<div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24" nzXl="24">
							<label nz-checkbox formControlName="disableAreas">Disable Sales Areas</label>
							<encore-tree-layered
								Layers="3"
								Heading="Sales Area Groups"

muhammadawaisshaikh

<div #child1>First Child</div>
<div #child2>Second Child</div>

<div #errors>2 Errors</div>

muhammadawaisshaikh

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule }    from '@angular/common/http';

// for token interceptor 
import { HTTP_INTERCEPTORS } from '@angular/common/http';

muhammadawaisshaikh

$base-color: rgb(239, 109, 172);
$gradiated-buttons-count: 10;
$strength: 5; 
$degrees: 20deg;

.sidebar {
    @for $i from 0 to $gradiated-buttons-count {
        ul {
            li:nth-child(#{$i}) {
                img {